Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix #5946 - Remove CodeSandbox Demos #5947

Merged
merged 2 commits into from
Feb 13, 2024
+296 −309
Merged

Fix #5946 - Remove CodeSandbox Demos #5947

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f378525
Fix #5946 - Remove CodeSandbox Demos
gucal Feb 13, 2024
cae19de
Merge branch 'master' of https://github.com/gucal/primereact
gucal Feb 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion components/doc/accordion/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Accordion, AccordionTab } from 'primereact/accordion';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/accordion/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/autocomplete/accessibilitydoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export function AccessibilityDoc() {
input element.
</p>

<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />

<h3>Keyboard Support</h3>
<div className="doc-tablewrapper">
Expand Down
2 changes: 1 addition & 1 deletion components/doc/autocomplete/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { AutoComplete } from 'primereact/autocomplete';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/autocomplete/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/avatar/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import { AvatarGroup } from 'primereact/avatargroup'; //Optional for grouping
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/avatar/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/badge/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Badge } from 'primereact/badge';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/badge/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/blockui/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { BlockUI } from 'primereact/blockui';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/blockui/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/breadcrumb/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { BreadCrumb } from 'primereact/breadcrumb';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/breadcrumb/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/button/accessibilitydoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ export function AccessibilityDoc() {
icon only or custom templating is used, it is recommended to use <i>aria-label</i> so that screen readers would be able to read the element properly.
</p>

<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />

<h3>Keyboard Support</h3>
<div className="doc-tablewrapper">
Expand Down
2 changes: 1 addition & 1 deletion components/doc/button/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Button } from 'primereact/button';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/button/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -140,7 +140,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/calendar/accessibilitydoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ export function AccessibilityDoc() {
Calendar also includes a hidden section that is only available to screen readers with <i>aria-live</i> as "polite". This element is updated when the selected date changes to instruct the user about the current date selected.
</p>

<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />

<h3>Choose Date Button Keyboard Support</h3>
<div className="doc-tablewrapper">
Expand Down
2 changes: 1 addition & 1 deletion components/doc/calendar/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Calendar } from 'primereact/calendar';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/calendar/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -167,7 +167,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/captcha/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Captcha } from 'primereact/captcha';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/card/accessibilitydoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export function AccessibilityDoc() {
roles like <i>region</i>, you may use the <i>role</i> property.
</p>

<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />

<h3>Keyboard Support</h3>
<p>Component does not include any interactive elements.</p>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/card/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Card } from 'primereact/card';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/card/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/carousel/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Carousel } from 'primereact/carousel';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/carousel/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded service={['ProductService']} />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/cascadeselect/accessibilitydoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ export function AccessibilityDoc() {
If filtering is enabled, <i>filterInputProps</i> can be defined to give <i>aria-*</i> props to the filter input element.
</p>

<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />

<h3>Closed State Keyboard Support</h3>
<div className="doc-tablewrapper">
Expand Down
2 changes: 1 addition & 1 deletion components/doc/cascadeselect/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { CascadeSelect } from 'primereact/cascadeselect';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/cascadeselect/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -150,7 +150,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/chart/accessibilitydoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ export function AccessibilityDoc() {
guide for more information. The canvas element can be customized with <i>canvasProps</i> property to define aria roles and properties, in addition any content inside the component is directly passed as a child of the canvas to be able
to provide fallback content like a table.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</DocSectionText>
);
}
2 changes: 1 addition & 1 deletion components/doc/chart/chartjsdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ npm install chart.js
Chart component uses <a href="https://chartjs.org/">Chart.JS</a> underneath so it needs to be installed as a dependency.
</p>
</DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/chart/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Chart } from 'primereact/chart';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/chart/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} dependencies={{ 'chart.js': '3.9.1' }} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/checkbox/accessibilitydoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export function AccessibilityDoc() {
<i>aria-labelledby</i>, <i>aria-label</i> props.
</p>

<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />

<h3>Keyboard Support</h3>
<div className="doc-tablewrapper">
Expand Down
2 changes: 1 addition & 1 deletion components/doc/checkbox/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Checkbox } from 'primereact/checkbox';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/checkbox/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
2 changes: 1 addition & 1 deletion components/doc/chip/importdoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Chip } from 'primereact/chip';
return (
<>
<DocSectionText {...props}></DocSectionText>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
</>
);
}
2 changes: 1 addition & 1 deletion components/doc/chip/theming/tailwinddoc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ export default function UnstyledDemo() {
PrimeReact offers a built-in Tailwind theme to get you started quickly. The default values related to the component are displayed below. The component can easily be styled with your own design based on Tailwind utilities, see the{' '}
<Link href="/tailwind">Tailwind Customization</Link> section for an example.
</p>
<DocSectionCode code={code} hideToggleCode import hideCodeSandbox hideStackBlitz />
<DocSectionCode code={code} hideToggleCode import hideStackBlitz />
<p>A playground sample with the pre-built Tailwind theme.</p>
<DocSectionCode code={code2} embedded />
</DocSectionText>
Expand Down
Loading
Loading