Skip to content

[Feature Request] Dynamically set size of badge #20837

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
Tauromachian opened this issue Jan 5, 2025 · 1 comment · May be fixed by #21509
Open

[Feature Request] Dynamically set size of badge #20837

Tauromachian opened this issue Jan 5, 2025 · 1 comment · May be fixed by #21509
Assignees
@jcjp
Labels
C: VBadge T: feature A new feature

Comments

@Tauromachian
Copy link
Contributor

Problem to solve

  • Change size without recurring to SCSS or the :deep helper
  • Dynamically set the size of the badge for complex scenarios.
  • Set a default size and overwrite it on demand (again without having to use the :deep helper)

Proposed solution

Make a size prop that accepts a number and (string with number). This number will then be applied as the height and width of the badge with the px unit.
@johnleider johnleider added T: feature A new feature C: VBadge and removed S: triage labels May 15, 2025
@jcjp jcjp mentioned this issue May 31, 2025
Closed
@jcjp
Copy link
Contributor

jcjp commented May 31, 2025

Added a new props width and height to resize the VBadge.

@jcjp jcjp linked a pull request May 31, 2025 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jcjp jcjp

Labels
C: VBadge T: feature A new feature
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(VBadge): add size width and height props to VBadge (#28037) vuetifyjs/vuetify
3 participants
@johnleider @jcjp @Tauromachian