Accordion

Accordions hide secondary content until it’s needed, perfect for FAQs, optional details, and long reference material.

Single accordion

Grouped

Wrap multiple accordions in an <AccordionGroup> to render them as connected rows. Pass open to expand one by default, and icon for a Lucide glyph.

Run pnpm install then pnpm dev. See Installation for the full walkthrough.

Usage

<script>	import { Accordion, AccordionGroup } from '$lib';</script><AccordionGroup>	<Accordion title="Installation" icon="download" open>		Run `pnpm install` then `pnpm dev`.	</Accordion></AccordionGroup>

Props

Prop	Type	Description
`title`	`string`	Header text (required)
`icon`	`string`	Optional Lucide icon name
`open`	`boolean`	Expand by default (uncontrolled)