The Panel component is a simple visual wrapper.


The panel component is a simple wrapper that visually separates content.

The Panel Component.


Use the Panel as a top level group for a page. It provides a great way to visually split separate, yet relevant information on a single screen.

Sizing & Spacing

The Panel has no inherit sizing itself. It is designed to occupy 100% of its parent container, however can be modified to suit your needs.

Hierarchy & Placement

Try to avoid nesting panels - components and data that relate should remain in the same visual hierarchy.

Basic Usage


Panel Properties

childrenn/aFalsen/aArbitrary content for the panel.