Accordion

childrenRequired
ReactNodeNoStrings
dividers
boolean
size
"xsmall" | "small" | "large" | "standard"
tone
"neutral" | "secondary"
weight
"medium" | "regular" | "strong"
data
DataAttributeMap
multiple
Allow more than one item to be open. Defaults to true. Note: Will default to false next major release.
boolean
value
Value of the open AccordionItem, or `""` when none are open. Values of the open AccordionItems. Pass an empty array when none are open.
string | string[]
onChange
(value: string) => void | (value: string[]) => void
defaultValue
Value of the AccordionItem to expand by default. Values of the AccordionItems to expand by default.
string | string[]
space
Deprecated
"medium" | "large" | "xlarge" | RequiredConditionalObject<"mobile", "tablet" | "desktop" | "wide", "medium" | "large" | "xlarge"> | RequiredResponsiveArrayByMaxLength<4, "medium" | "large" | "xlarge">

AccordionItem

labelRequired
string
childrenRequired
ReactNode
size
"xsmall" | "small" | "large" | "standard"
tone
"neutral" | "secondary"
weight
"medium" | "regular" | "strong"
icon
UseIcon
data
DataAttributeMap
badge
Badge
value
Key used when Accordion owns the open items. Required when `multiple` is `false`, or when `value`, `defaultValue`, or `onChange` is set on Accordion.
string
id
string
expanded
boolean
onToggle
(expanded: boolean) => void