A Panel is a large section of the interface displayed on top of everything. Use screen ratios to define the size (one third, two third or full screen) or the layout columns. Panels are always positioned on the left, right, top or bottom of the screen.
It can contain a large number of components including navigation links, all kind of form controls, Icon, Heading, Button etc.
Consider using an overlay to lock interactions on the rest of the screen and to highlight the panel, like on modals.
It’s important to use the right panel according to the Header of your interface (Blue, White or transparent)
- Use it to display contextual information (Help Center, Navigation Panel etc.).
- To display a large number of filters.
- To display a side navigation.
- For full screen search engines with autocomplete.