+ This is the content of the accordion.
+
+
+ ),
+ },
+ argTypes: {
+ children: {
+ control: { disable: true },
+ description: 'Content of the accordion',
+ table: {
+ type: { summary: 'React.ReactNode' },
+ },
+ },
+ title: {
+ control: { type: 'text' },
+ description: 'Title of the accordion',
+ table: {
+ type: { summary: 'string' },
+ },
+ },
+ style: {
+ control: { disable: true },
+ description: 'Use this to style the accordion content container',
+ table: { type: { summary: 'CSSProperties' } },
+ },
+ id: {
+ control: { disable: true },
+ table: { type: { summary: 'string' } },
+ description: 'Unique id for the accordion content container',
+ },
+ },
+};
+
+export default meta;
+
+export const Playground: AccordionStory = {};
+
+export const Stacked: AccordionStory = {
+ render: (args) => (
+