Layout

Split Layout

A split layout organizes information in two vertical columns.

View source

Props

NameTypeDefaultDescription
classNamestring | string[]
CSS classes to set on the split layout outer most element
leftChildrenReactNode
The content displayed on the left side
leftContainerClassNamestring | string[]
CSS classes to set on the left side container element
modsSplitLayoutMods | SplitLayoutMods[]
Visual modifiers to apply on the component
rightChildrenReactNode
The content displayed on the right side
rightContainerClassNamestring | string[]
CSS classes to set on the right side container element

Examples

No guidelines exist for SplitLayout yet.

Create guidelines