"use client";
import { Accordion } from "@smartacteam/ambient-web/accordion";
export function AccordionDemo() {
return (
<Accordion.Root className="w-full max-w-md">
<Accordion.Item value="item-1">
<Accordion.Trigger>Is it accessible?</Accordion.Trigger>
<Accordion.Content>
Yes. It adheres to the WAI-ARIA design pattern.
</Accordion.Content>
</Accordion.Item>
<Accordion.Item value="item-2">
<Accordion.Trigger>Is it styled?</Accordion.Trigger>
<Accordion.Content>
Yes. It comes with default styles that match the rest of the design
system.
</Accordion.Content>
</Accordion.Item>
<Accordion.Item value="item-3">
<Accordion.Trigger>Is it animated?</Accordion.Trigger>
<Accordion.Content>
Yes. It's animated by default, but you can disable it if you
prefer.
</Accordion.Content>
</Accordion.Item>
</Accordion.Root>
);
}