A column inside a Row, sized in twelfths of the row.
span is the number of twelfths, from 1 to 12.
offset leaves empty twelfths before the column.
A narrow column for navigation and a wide one for the content, side by side.
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| span | how many twelfths of the row it takes | number | 1 to 12 | 12 |
| offset | how many twelfths to leave before it | number | 0 to 11 | 0 |
| component | the element to render | keyof JSX.IntrinsicElements | 'div', 'li', 'section', ... | div |
| ... | native props | HTMLAttributes | 'id', 'className', ... | - |
The ref points at the root element.