Accordion

Expandable content sections. Single or multiple mode. Compound component with Item, Trigger, Content.

Preview

Usage

import { Accordion } from '@ramtt/ui'

<Accordion>
  <Accordion.Item value="faq-1">
    <Accordion.Trigger>What is RAMTT?</Accordion.Trigger>
    <Accordion.Content>A training analytics platform.</Accordion.Content>
  </Accordion.Item>
</Accordion>

Props

Prop	Type	Default	Description
type	`'single' \| 'multiple'`	'single'	Expansion mode
value	`string \| string[]`	—	Controlled open items
onChange	`(value: string \| string[]) => void`	—	Change handler
children*	`ReactNode`	—	Accordion.Item elements