Examples
Wrappable
content
content
content
content
content
content
content
content
content
content
content
content
content
content
Props
Split
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | null | content rendered inside the Split layout |
| className | string | '' | additional classes added to the Split layout |
| component | React.ReactNode | 'div' | Sets the base component to render. defaults to div |
| hasGutter | boolean | false | Adds space between children. |
| isWrappable | boolean | false | Allows children to wrap |
SplitItem
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | null | content rendered inside the Split Layout Item |
| className | string | '' | additional classes added to the Split Layout Item |
| isFilled | boolean | false | Flag indicating if this Split Layout item should fill the available horizontal space. |
CSS variables
| .pf-l-split | --pf-l-split--m-gutter--MarginRight | 1rem | |
View source on GitHub
