Skip to content

feat(VExpansionPanels): add more props for customization#22723

Merged
J-Sek merged 4 commits into
devfrom
feat/vexpansion-panels-new-props
Apr 23, 2026
Merged

feat(VExpansionPanels): add more props for customization#22723
J-Sek merged 4 commits into
devfrom
feat/vexpansion-panels-new-props

Conversation

@J-Sek

@J-Sek J-Sek commented Mar 17, 2026

Copy link
Copy Markdown
Contributor

resolves #21616
closes #12039

  • add gap to space out the panels
  • add no-divider to hide the line dividing the panels
  • extend rounded to cover inner radius when the value is an array

Markup:

<template>
  <v-app theme="dark">
    <v-container>
      <v-expansion-panels :rounded="[20, 8]" gap="4" variant="accordion" no-divider static>
        <v-expansion-panel
          v-for="i in 3"
          :key="i"
          color="primary"
          text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
          title="Item"
        />
      </v-expansion-panels>
    </v-container>
  </v-app>
</template>

@J-Sek J-Sek self-assigned this Mar 17, 2026
@J-Sek J-Sek force-pushed the feat/rounded-any branch from 8df719b to 25a71d9 Compare March 17, 2026 17:31
@J-Sek J-Sek force-pushed the feat/vexpansion-panels-new-props branch from e71716e to 8c57e0b Compare March 17, 2026 17:35
Base automatically changed from feat/rounded-any to dev March 25, 2026 00:25
- add `gap` prop (hides border)
- add `no-divider` (when not using `gap`)
- add control over inner radius
@J-Sek J-Sek force-pushed the feat/vexpansion-panels-new-props branch from 8c57e0b to b2a84f7 Compare March 25, 2026 00:28
@J-Sek J-Sek marked this pull request as ready for review March 25, 2026 00:28
@J-Sek J-Sek force-pushed the dev branch 2 times, most recently from 5b257fd to 86800d9 Compare March 29, 2026 00:37
@J-Sek J-Sek merged commit cd7b8ca into dev Apr 23, 2026
16 checks passed
@J-Sek J-Sek deleted the feat/vexpansion-panels-new-props branch April 23, 2026 15:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature Request] Add more styling options to VExpansionPanels to make it more like VCard

1 participant