Collapse

Раскрываемый блок с заголовком.

summary обязателен. Для начального состояния задайте defaultOpen, для управляемого — open.

Живой пример

Summary

Настройки примера

Использование

import { Collapse } from '@prosazhin/pbcomponents';

<Collapse summary='Summary'>Collapse item content</Collapse>;

API компонента

PropТип / вариантыНазначениеПо умолчанию
summarystringЗаголовок раскрываемого блока.
childrenReactNodeСодержимое раскрытого блока.
openbooleanУправляемое состояние открытия.
defaultOpenbooleanНачальное состояние без внешнего управления.false
onToggle(event) => voidСобытие изменения состояния элемента details.
contentClassNamestringКласс содержимого раскрытого блока.
classNamestringКласс корневого элемента.

Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.