fix(VExpansionPanels): add missing flat prop

vuetifyjs · Feb 19, 2024 · 76147a7 · 76147a7
1 parent 136dd51
commit 76147a7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.sass b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanel.sass
@@ -173,3 +173,11 @@
 
     &--active
       max-width: $expansion-panel-inset-active-max-width
+
+.v-expansion-panels--flat
+  > .v-expansion-panel
+    &::after
+      border-top: none
+
+    .v-expansion-panel__shadow
+      display: none
diff --git a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanels.tsx b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanels.tsx
@@ -24,6 +24,7 @@ type Variant = typeof allowedVariants[number]
 
 export const makeVExpansionPanelsProps = propsFactory({
   color: String,
+  flat: Boolean,
   static: Boolean,
   variant: {
     type: String as PropType<Variant>,
@@ -66,6 +67,9 @@ export const VExpansionPanels = genericComponent()({
       <props.tag
         class={[
           'v-expansion-panels',
+          {
+            'v-expansion-panels--flat': props.flat,
+          },
           themeClasses.value,
           variantClass.value,
           props.class,