Collapsible (Сворачиваемая секция)
Секция с кликабельным заголовком и скрываемым телом. Управляется состоянием open; несколько секций подряд образуют аккордеон.
Специфичные методы Collapsible
Заголовок раздела «Специфичные методы Collapsible»| Метод | Аргумент | Описание |
|---|---|---|
open(v) |
boolean |
Раскрыта ли секция. Значение по умолчанию: false |
onToggle(v) |
CallbackFunction |
Коллбек переключения. Передаёт новое булево состояние. |
Базовые методы (наследуются от UIComponent)
Пример использования
Заголовок раздела «Пример использования»// Раскрывающаяся секция настроекconst { ui, createState } = PotokSDK;const state = createState({ open: true });
function draw() { ui.render( Collapsible("Дополнительные параметры") .open(state.open) .onToggle((open) => state.open = open) .child(Text("Скрытое содержимое секции.").variant("secondary")) .child(Toggle("adv").label("Экспертный режим").value(false).onChange(() => {})) );}state.$subscribe(draw); draw();