Expansion Panel
The e-expansion component is a container that can be expanded to reveal content. It is useful for reducing vertical space with large amounts of information.
Multiple panels
Props
Explore the available props for the form component
| Property | Description | Type | Default |
|---|---|---|---|
| model-value | The v-model value of the component. | boolean | false |
| color | Applies specified color to the component - supports only utility colors (for example primary or secondary) | string | primary |
| header-title | text displayed in header | string | undefined |
SASS Variables
| Name | Default |
|---|---|
| $expansion-header-height | 3rem !default; |
| $icon-expand-font-size | 40px !default; |
| $expansion-box-shadow | 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !default; |
Slots
Explore the available slots for the form component