Understanding Panel Modes

Panels have three primary modes:

• Fixed has no tab (when in primary mode) and is opened by default. A fixed mode panel shares the window real estate with the content when the panel is open. A fixed mode panel can go into a secondary overlay mode—for example, when the browser window is smaller than a specified breakpoint, or when a device that supports orientation is rotated from landscape to portrait.

• Collapsible always has a tab and is closed by default (when in primary mode). A collapsible mode panel shares the window real estate with the content when the panel is open. A collapsible mode panel can go into a secondary overlay mode—for example, when the browser window is smaller than a specified breakpoint, or when a device that supports orientation is rotated from landscape to portrait. Unless explicitly set, the default state for all panels is collapsible and closed.

• Overlay is a primary mode only. An overlay mode panel always has a tab and always overlays the content when open.