Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

Installation

npx shadcn@latest add https://spoke.georgedrury.co.uk/r/accordion

Lineage

Spoke

Anatomy

import {
	Accordion,
	AccordionItem,
	AccordionTrigger,
	AccordionContent,
} from "@/components/ui/accordion"

export default () => (
	<Accordion>
		<AccordionItem>
			<AccordionTrigger />
			<AccordionContent />
		</AccordionItem>
	</Accordion>
)

Spoke utility classes

Class	Fallback chain	Description
`--accordion-radius`	`var(--radius)`	Border radius for accordion