Grid (Сетка)
Адаптивная сетка с минимальной шириной колонки.
Специфичные методы Grid
Заголовок раздела «Специфичные методы 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("Текст"))));