@kadconsulting/dry/dist/src/components/MultiAccordion/MultiAccordion.stories.js

KAD Reusable Component Library

import MultiAccordion from './MultiAccordion';
export default {
    title: 'Components/MultiAccordion',
    component: MultiAccordion,
    argTypes: {
        faqs: {
            control: { type: 'object' },
        },
        controlledIndex: {
            control: { type: 'number' },
        },
        expandAll: {
            control: { type: 'boolean' },
        },
        collapseAll: {
            control: { type: 'boolean' },
        },
    },
};
// A helper function to create a sample FAQ array
const createSampleFaqs = (count) => {
    return Array.from({ length: count }, (_, i) => ({
        title: `FAQ Title ${i + 1}`,
        content: `Content for FAQ ${i + 1}`,
    }));
};
export const Default = {
    args: {
        faqs: createSampleFaqs(3),
    },
};
export const Empty = {
    args: {
        faqs: [],
    },
};
export const ManyFaqs = {
    args: {
        faqs: createSampleFaqs(10),
    },
};
export const Controlled = {
    args: {
        faqs: createSampleFaqs(5),
        controlledIndex: 2, // Open the third accordion by default
    },
};
export const ExpandAll = {
    args: {
        faqs: createSampleFaqs(5),
        expandAll: true,
    },
};
export const CollapseAll = {
    args: {
        faqs: createSampleFaqs(5),
        collapseAll: true,
    },
};
//# sourceMappingURL=MultiAccordion.stories.js.map