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

Grid (Сетка)

Адаптивная сетка с минимальной шириной колонки.

Метод Аргумент Описание
minWidth(v) string Минимальная ширина колонки (например, ‘12rem’).
Значение по умолчанию: '180px'
gap(v) string Зазор между ячейками (например, ‘1rem’).
Значение по умолчанию: 'var(--space-m)'

Базовые методы (наследуются от UIComponent) · Методы разметки (наследуются от LayoutComponent)

// Адаптивная сетка
const { ui } = PotokSDK;
ui.render(
Grid()
.minWidth("8rem")
.gap("1rem")
.child(Card().title("Карточка 1").child(Text("Текст")))
.child(Card().title("Карточка 2").child(Text("Текст")))
.child(Card().title("Карточка 3").child(Text("Текст")))
);

Запустить в Sandbox