@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 включительно