v-expansion-panel component is useful for reducing vertical space with large amounts of information. The default functionality of the component is to only display one expansion-panel body at a time, however, with the
expand property, the expansion-panel can remain open until explicitly closed.
Accordion expansion panels can only have 1 panel open at a time.
Expand expansion panels will stay open until closed. When providing a model, any value not specified will be interpreted at false.
Expansion panels can be controlled externally by modifying the
v-model. Its value corresponds to a zero-based index of the currently opened expansion panel content. If
expand prop is used then it is an array of booleans where the index corresponds to the index of the content.
Disabled and readonly
Both the expansion panel and its content supports the
Popout & Inset
The expansion panel also has two alternative designs you can activate with the props
Expand action icon can be customized with
The expansion panel headers can be made focusable with the prop