Developer Grid
Row
jsx
import { Row } from '@semcore/ui/base-components';
<Row />;RowProps
& {...}| Name | Type | Description |
|---|---|---|
| gutter | number | Gutter between columns |
Col
jsx
import { Col } from '@semcore/ui/base-components';
<Col />;ColProps
& {...}| Name | Type | Description |
|---|---|---|
| span | number | boolean | Array<number | boolean> | Column size |
| md | number | boolean | Column size on device with 1184px screen width and less |
| sm | number | boolean | Column width on device with 768px screen width and less |
| xs | number | boolean | Column width on device with 414px screen width and less |
| offset | number | Array<number> | Column offset, specified in the number of columns |
| mdOffset | number | Column offset on device with 1184px screen width and less |
| smOffset | number | Column offset on device with 768px screen width and less |
| xsOffset | number | Column offset on device with 414px screen width and less |
| gutter | number | Column gutter, determined from Row |