Split Layout
A split layout organizes information in two vertical columns.
Props
Name | Type | Default | Description |
---|---|---|---|
className | string | string[] | CSS classes to set on the split layout outer most element | |
leftChildren | ReactNode | The content displayed on the left side | |
leftContainerClassName | string | string[] | CSS classes to set on the left side container element | |
mods | SplitLayoutMods | SplitLayoutMods[] | Visual modifiers to apply on the component | |
rightChildren | ReactNode | The content displayed on the right side | |
rightContainerClassName | string | string[] | CSS classes to set on the right side container element |
Examples
Without a border
No guidelines exist for SplitLayout yet.