--- id: Panel section: components --- import '../components.css'; ## Usage Panels are commonly used: - To provide more content structure through the UI. - To group content and components on a blank canvas. ### Examples The panel is used as a content block with a header, body, and footer.
![A basic panel with a header, body and footer.](./img/basic-panel.svg)

The panel is used as a dropdown menu for advanced search input.
![A panel being used as a dropdown menu for advanced search input.](./img/search-panel.svg)