Panel

The Panel component is a simple visual wrapper.

Overview

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

The Panel Component.

Usage

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>Content</Panel>

Panel Properties

NameTypeRequiredDefaultDescription
childrenn/aFalsen/aArbitrary content for the panel.