...
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. |   |
Loading | While the content is loading, a loading state will show, including a Progress Indicator. |   |
Interaction
Interaction only applies to collapsible panes.
...