We will be updating this content to our new principle-based format in the near future.
The panel component is a simple wrapper that visually separates content.
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.
2Sizing & 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.
3Hierarchy & Placement
Try to avoid nesting panels - components and data that relate should remain in the same visual hierarchy.