| Table of Contents | ||
|---|---|---|
|
...
The content area may contain any combination of elements, such as text, lists, cards, tables, forms, graphs, links. etc.
Examples
 |  |  | ||
 | Image TBD - see https://zpl.io/2EnwnZg  | Image TBD - see https://zpl.io/adljR0K   |  | |
States
State | Description | Example |
|---|---|---|
Collapsed | The only visible part of the pane is the collapse/expand area, allowing users to expand it. |  |
Expanded, pinned | the pane is shown next to the main content area, so nothing is hidden. | |
Expanded, unpinned | the pane overlays the main area of the page, hiding the content behind it. |  |
Empty State | When no items are selected, the details pane will present an empty state with guiding text, guiding actions, or a page summary. | Images to be updated - see https://zpl.io/V1ElrR5 |
Loading | While the content is loading, a loading state will show, including a progress Indicator. |  |
...