If true, multiple accordion items can be expanded at once.
Accordion
Accordions display a list of high-level options that can expand/collapse to reveal more information.
Props#
Accordion Props#
allowMultiple
allowMultipleDescription
Type
booleanallowToggle
allowToggleDescription
If true, any expanded accordion item can be collapsed again.
Type
booleancolorScheme
colorSchemeDescription
Color Schemes for Accordion are not implemented in the default theme. You can extend the theme to implement them.
Type
stringdefaultIndex
defaultIndexDescription
The initial index(es) of the expanded accordion item
Type
ExpandedIndexindex
indexDescription
The index(es) of the expanded accordion item
Type
ExpandedIndexonChange
onChangeDescription
The callback invoked when accordion items are expanded or collapsed.
Type
((expandedIndex: ExpandedIndex) => void)reduceMotion
reduceMotionDescription
If true, height animation and transitions will be disabled.
Type
booleansize
sizeDescription
Sizes for Accordion are not implemented in the default theme. You can extend the theme to implement them.
Type
stringvariant
variantDescription
Variants for Accordion are not implemented in the default theme. You can extend the theme to implement them.
Type
stringAccordionItem Props#
id
idDescription
A unique id for the accordion item.
Type
stringisDisabled
isDisabledDescription
If true, the accordion item will be disabled.
Type
booleanisFocusable
isFocusableDescription
If true, the accordion item will be focusable.
Type
booleanAccordionButton Props#
AccordionButton renders a button and composes Box, this means you can style
it by passing the pseudo style props _expanded, _disabled, _hover, etc.
AccordionPanel Props#
AccordionPanel renders a div and composes Collapse to provide the height
animation.
Props#
Accordion Props#
allowMultiple
allowMultipleDescription
If true, multiple accordion items can be expanded at once.
Type
booleanallowToggle
allowToggleDescription
If true, any expanded accordion item can be collapsed again.
Type
booleancolorScheme
colorSchemeDescription
Color Schemes for Accordion are not implemented in the default theme. You can extend the theme to implement them.
Type
stringdefaultIndex
defaultIndexDescription
The initial index(es) of the expanded accordion item
Type
ExpandedIndexindex
indexDescription
The index(es) of the expanded accordion item
Type
ExpandedIndexonChange
onChangeDescription
The callback invoked when accordion items are expanded or collapsed.
Type
((expandedIndex: ExpandedIndex) => void)reduceMotion
reduceMotionDescription
If true, height animation and transitions will be disabled.
Type
booleansize
sizeDescription
Sizes for Accordion are not implemented in the default theme. You can extend the theme to implement them.
Type
stringvariant
variantDescription
Variants for Accordion are not implemented in the default theme. You can extend the theme to implement them.
Type
stringAccordionItem Props#
id
idDescription
A unique id for the accordion item.
Type
stringisDisabled
isDisabledDescription
If true, the accordion item will be disabled.
Type
booleanisFocusable
isFocusableDescription
If true, the accordion item will be focusable.
Type
booleanAccordionButton Props#
AccordionButton renders a button and composes Box, this means you can style
it by passing the pseudo style props _expanded, _disabled, _hover, etc.
AccordionPanel Props#
AccordionPanel renders a div and composes Collapse to provide the height
animation.