V-Expansion-Panel Elevation

The 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 multiple property, the expansion-panel can remain open until explicitly closed.

Instead of changing the elevation maybe what you need is to add the flat property, this prop removes the expansion-panel’s elevation and borders. You can learn more about the expansion panels props in v-expansion-panels API (Vuetify version 2.4) Also, if you still want lines between the expansion panels you can add the element: . v-expansion -panel: max-width: $ expansion-panel-inset-max-width &–active: max-width: $ expansion-panel-inset-active-max-width.v-expansion-panels–flat > . v-expansion -panel &::after: border-top: none &::before + elevation (0).v-expansion-panels–tile: border-radius: 0 > . v-expansion .

7/4/2018  · The v-expansion -panel-content components number 1 and 2 (zero-based) are not open upon initialisation, but closed and then opened with an animation. Reproduction Link. https://codepen.io/anon/pen/PaggyY?&editors=101. Other comments. This used to work in version 1.0.19 with the value property set on each separate v-expansion -panel-content component.

I have tried applying class= elevation -0 I have tried applying box-shadow: none on both the v-expansion-panels and v-expansion -panel without any results..

v-expansion -panel light class= elevation -0> v-expansion -panel-content v-for=(acl, moduleIndex) in aclModuleAndActionItems :key=moduleIndex> {{acl.module_name}} elevation -0> And this is the slot to expand the row: More info about {{ item.name }}, v-expansion -panel v-for = (sub, subIdx) in appSubs :key = sub.id v-if =!sub.isErr > v-expansion -panel-header > {{sub.name}} ({{sub.apps.length}}) v-expansion -panel-header > v-expansion .

v-expansion-panel expand flat class=transparent elevation -0 vuse-expansion> v-expansion-panel -content class=expansionbg> Attachments ({{mediaList.length}})