- By default, only one item may be expanded and it can only be - collapsed again by expanding another. + By default, any number of items may be expanded at any given time.
- - If you set allowMultipleExpanded to{' '} - true then the accordion will permit multiple items - to be expanded at once. -
- -
-
+ Note: we do not recommend this behavior. Users may + wish to view the content of more than one panel at once. Also, + collapsing a panel when opening another can cause unexpected scroll + position changes. +
- - If you set allowZeroExpanded to{' '} - true then a solitary expanded item may be collapsed - again. + If you set preExpanded, then you can choose which + items are expanded on mount. +
+ ++ The strings passed to preExpanded are directly + related to the uuid props of{' '} + AccordionItem.
-
+
- - If you set preExpanded, then you can choose which - items are expanded on mount. + If you set allowZeroExpanded to{' '} + false then the user must have at least one panel + open at a time.
-- The strings passed to preExpanded are directly - related to the uuid props of{' '} - AccordionItem. + Note: we do not recommend this behavior. Users + would be able to expand items but not necessarily collapse them, + which might not match their expectations. If you do choose to use + this setting, we recommend you pair it with having{' '} + preExpanded item(s).
-
+