• Kompakt oversikt over detaljert innhold
  • Innhold for spesielt interesserte
  • Når innholdet er så viktig at det ikke bør skjules
  • Forklaring av spørsmål i skjema
  • Når du bare trenger en Accordion.Item
Installer
KommandoInteraksjon
TabFlytter fokus til neste element som kan ha fokus
ShiftTabFlytter fokus til forrige element som kan ha fokus
SpaceAktiverer knapp
EnterAktiverer knapp
children ReactNode
Instances of Accordion.Item
className? string
ref? Ref<HTMLDivElement>
Accordion extends HTMLDivElement
children ReactNode
Content in Accordion.Item Should include one Accordion.Header and one Accordion.Content
open? boolean
Controlled open-state Using this removes automatic control of open-state
defaultOpen?boolean
Defaults the accordion to open if not controlled
className? string
ref? Ref<HTMLDivElement>
Accordion.Item extends HTMLDivElement
children ReactNode
Text inside Accordion.Header
className? string
ref? Ref<HTMLButtonElement>
Accordion.Header extends HTMLButtonElement
children ReactNode
Content inside Accordion.Content
className? string
ref? Ref<HTMLDivElement>
Accordion.Content extends HTMLDivElement