Function: Accordion()

Accordion(__namedParameters): any

Defined in: composites/Accordion/Accordion.tsx:144

A semantic accordion built on React Aria's DisclosureGroup.

Entity = Disclosure, interaction = disclose.toggle. Reads from vars.colors.navigation.{primary|muted} and animates with vars.motion.transition.{enter,exit} — never with vars.motion.feedback, which is reserved for micro-interactions on Action and Input controls.

Supports single-expand (default) or allowsMultipleExpanded for multiple concurrently open panels.

Parameters

Parameter	Type
__namedParameters	AccordionProps

Returns

any

Example

<Accordion>
  <AccordionItem id="terms">
    <AccordionTrigger>Terms of service</AccordionTrigger>
    <AccordionPanel>You agree not to misuse the service.</AccordionPanel>
  </AccordionItem>
  <AccordionItem id="privacy">
    <AccordionTrigger>Privacy policy</AccordionTrigger>
    <AccordionPanel>We collect minimal personal data.</AccordionPanel>
  </AccordionItem>
</Accordion>