Back to components
Panel
Expandable panels contain creation flows and allow lightweight editing of an element.
Table of Contents
Edit this section, Opens in new windowOverview
An expandable panel is a lightweight container that may either stand alone or be connected to a larger surface, such as a card.
Variations
Type | Purpose |
---|---|
Expandable panel | Default expandable panel |
Selectable expandable panel | A panel that is both selectable and expandable |
Usage
Column 1
Column 2
Column 3
A panel can have columns, with the usage of grid.
Column 1
Column 2
Column 3
Column 1
Column 3
Column 1
Column 3
Panels can be grouped.
A panel can be expandable.
Expandable panels can be grouped.
A panel can also be selectable.
Anatomy
- Open expandable panel
- Title
- Content
Tips och råd
- Panel
- Title
Tips och råd
Tips och råd
- Content
- Panel
- Title
Specs
Title
Title