Accordion

2026.1

Requires Celeste 2026.1

This is an accordion component.

Properties

Prop	Description
`id`	Unique ID for this Accordion

Open an item with a link

You may open an item with a link by passing the ID of the item you wish to open. For example to open the first item in an Accordion with the id faqs, you can link to /example/#faqs-0.

How to use it

<Accordion id="faqs">
    <Accordion.Item>
        <Accordion.Trigger>What is this?</Accordion.Trigger>
        <Accordion.Content>
            <p>This is an accordion component.</p>
        </Accordion.Content>
    </Accordion.Item>
</Accordion>