0.2.0 • Published 3 years ago
@n3/react-grid
Сетка для приложений на базе @n3/kit.
import {
Grid,
Row,
Cell,
} from '@n3/react-grid';
Props
Grid
| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|---|
| centered | | boolean | false | Добавить ли margin слева и справа |
| isFixedWidth | | boolean | false | Не давать контенту сужаться |
Row
| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|---|
| isWrap | | boolean | false | Рендер внутренних блоков c переносами |
Cell
| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|---|
| xs | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | null | Количество колонок в разрешениях до 576px |
| sm | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | null | Количество колонок в разрешениях до 768px |
| md | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | null | Количество колонок в разрешениях до 992px |
| lg | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | null | Количество колонок в разрешениях до 1200px |
| xl | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | null | Количество колонок в разрешениях от 1200px включительно |