Side panel
A panel from the right that shows the details without leaving the page. It is a dialog with a focus trap, and Escape closes it.
- DialogThe panel opens with showModal, and the page behind is inert.
- Sticky headerThe header is sticky, so Close is always visible while the content scrolls.
- TimingThe panel comes in over 220 ms and leaves faster.
- Shelf
- Navigation and menus
- Group
- Overlays 02 of 03
- Theme
- Light and dark
- Live pointer
- 8 steps, until you take over