Floating panel

Component checklist

Design

Up to date

React

In development

Each floating panel has a header and a body area. The header contains a Dock to Side icon. Body content may be organized with tabs, accordions, and static sections. The body has a minimum height of 310 pixels; floating panels can be resized vertically.

Accessibility Note: If floating panels can be dragged and resized, include a keyboard equivalent for these actions.