CollapseGroup
Группа раскрываемых блоков.
Передайте несколько Collapse; joined объединяет визуальное оформление, name связывает группу.
Живой пример
One
Two
Three
Four
Five
Настройки примера
Использование
import { Collapse, CollapseGroup } from '@prosazhin/pbcomponents';
<CollapseGroup name='sections'>
{['One', 'Two', 'Three', 'Four', 'Five'].map((item) => (
<Collapse
key={item}
summary={item}
>{`Content for ${item}`}</Collapse>
))}
</CollapseGroup>;API компонента
| Prop | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
children | Collapse[] | Раскрываемые секции группы. | — |
joined | boolean | Объединяет секции в один блок. | false |
name | string | Общее имя секций. | — |
className | string | Класс корневого элемента. | — |
Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.