import type { Meta, StoryObj } from '@storybook/react'; import { Info } from 'lucide-react'; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '@konobangu/design-system/components/ui/collapsible'; /** * An interactive component which expands/collapses a panel. */ const meta = { title: 'ui/Collapsible', component: Collapsible, tags: ['autodocs'], argTypes: {}, args: { className: 'w-96', disabled: false, }, render: (args) => (

Can I use this in my project?

Yes. Free to use for personal and commercial projects. No attribution required.
), parameters: { layout: 'centered', }, } satisfies Meta; export default meta; type Story = StoryObj; /** * The default form of the collapsible. */ export const Default: Story = {}; /** * Use the `disabled` prop to disable the interaction. */ export const Disabled: Story = { args: { disabled: true, }, };