Design
Examples
ExpansionPanel
Props
| Name | Description | Type | Required | Default |
|---|---|---|---|---|
| modelValue | when true Expansion will be open. v-model can be used for 2 way binding | Boolean | false | - |
| level | should be set to fit inside the header flow. Accessbility requirement | Number | false | 2 |
| title | will set the title of the header. Use this OR title slot | String | false | - |
| icon | will render icon in front of title. Use this OR icon slot | Object | false | - |
| loading | when true will display loading spinner in the panel content | Boolean | false | false |
| disabled | when true the Expansion Panel will be disabled and not open | Boolean | false | false |
Events
update:modelValue- emitted withBooleanvalue when panel is opened or closed
Slots
title- optional slot. Will place content in the header. Use this OR title propertydefault- content that will be expandedicon- optional icon slot. Will place icon in front of title in the header. Use this OR icon attribute.
data-ref-ids
feather-expansion-header-button- clicking this will expand content areafeather-expansion-content- div containing content. Only in DOM if expanded