Table of Props
Container
| prop | type | description | default |
|---|---|---|---|
| fluid | boolean | makes container full-width | false |
| debug | boolean | enables debug | false |
| children | node | content | undefined |
Row
| prop | type | description | default |
|---|---|---|---|
| align | string or object | align the content vertically | undefined |
| justify | string or object | align the content horizontally | undefined |
| reverse | number or array | reverses the content of the row | false |
| noGutters | boolean | remove columns gutter | false |
| children | node | content | undefined |
Col
| prop | type | description | default |
|---|---|---|---|
| xs | number or string | sets the number of columns only in the screen xs | undefined |
| sm | number or string | sets the number of columns only in the screen sm | undefined |
| md | number or string | sets the number of columns only in the screen md | undefined |
| lg | number or string | sets the number of columns only in the screen lg | undefined |
| xl | number or string | sets the number of columns only in the screen xl | undefined |
| offset | number or object | sets the number of the offset columns | undefined |
| children | node | content | undefined |
ScreenClass
| prop | type | description |
|---|---|---|
| render | func | the function that will be rendered receiving the current screen as a parameter |
Visible
| prop | type | description | default |
|---|---|---|---|
| xs | boolean | show the content only in the screen xs | false |
| sm | boolean | show the content only in the screen sm | false |
| md | boolean | show the content only in the screen md | false |
| lg | boolean | show the content only in the screen lg | false |
| xl | boolean | show the content only in the screen xl | false |
| children | node | content | undefined |
Hidden
| prop | type | description | default |
|---|---|---|---|
| xs | boolean | hiden the content only in the screen xs | false |
| sm | boolean | hiden the content only in the screen sm | false |
| md | boolean | hiden the content only in the screen md | false |
| lg | boolean | hiden the content only in the screen lg | false |
| xl | boolean | hiden the content only in the screen xl | false |
| children | node | content | undefined |