Sidebar

Examples

A full height, fixed width container. Usually a Sidebar is placed inside a Split component. A typical usage is for primary navigation, where it typically contains a Header and a Menu. The Sidebar may or may not be always visible. If it comes and goes, it is typically controlled via a Title component inside a Header component residing in the other side of the Split.

Sidebar
Main content

Properties

fixed true|false
Whether the sidebar height should be fixed at the full viewport size. Defaults to false.
size xsmall|small|medium|large
The size of the Sidebar. Defaults to medium.
full true|false
Whether the sidebar should take up the full browser height or not. Defaults to true.

Properties for Box are also available.