Перейти к содержимому

Collapsible (Сворачиваемая секция)

Секция с кликабельным заголовком и скрываемым телом. Управляется состоянием open; несколько секций подряд образуют аккордеон.

Метод Аргумент Описание
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();

Запустить в Sandbox