Panel
A panel shows related content beside the main page.
When to use
- Details about what is selected in the main view, shown beside it instead of on top.
- Supporting content people refer to while they work, such as properties or a history.
- Content that stays on the page. A drawer opens for a short time and then closes.
When not to use
- Primary content. Put the main content in the main area.
- A task with a start and an end. Use a drawer or a modal.
- A place for leftover content. Every panel needs a clear subject.
Guidance
Do
Title the panel with the type of content inside it, and keep it to that one subject.
Don't
Do not title a panel Information. It does not tell people what is inside.
Intensity
How much attention each of this component's grounds uses, scored against the ladder in both themes.
| Appearance | Ground | Light | Dark |
|---|---|---|---|
| panel | surface | 0.000Substrate | 0.000Substrate |
Substrate, Ambient and Marked are measured. Directed depends on what else is in the region. Demanded is declared, and its use is limited. So neither of those two depends on the component alone. See intensity.
Content
What to write, and what to leave out.
- Title with the subject. Status, Properties, History.
- One subject per panel. Use two panels for two subjects.