Split layout

Also known as

CSS Flexbox, Responsive Layout

Similar to

Contains

Resources

Support

SplitLayout displays items in two separate areas at opposite ends of a container. You can define the container in a vertical or horizontal orientation.

Using the component

When to use

  • If you need two defined areas at the opposite horizontal ends of a container, for example, if you need two button bar components in a header.

When not to use

  • If your layout requires more than two regions. Instead, use FlowLayout.
  • If you want more complex customization in your layout, consider FlexLayout.

Import

To import SplitLayout from the core Salt package, use:



Props


NameTypeDescriptionDefault
Previous Page
Spinner
Next Page
Stack layout