USelect: Add badge support
Open
Nobody has claimed this yet.
triage
- Dominant language
- TypeScript
- Stars
- 6.9k
- Forks
- 1.1k
- Avg merge
- 1d 7h
- Merged PRs (30d)
- 57
Description
Package
v4.x
Description
The USelect component currently supports icon, avatar, and chip, but not badge.
What about adding badge support similar to the existing options?
Example:
<USelect
:items="[
{ label: 'Inbox', value: 'inbox', badge: '5' },
{ label: 'Drafts', value: 'drafts', badge: '2' }
]"
/>
Additional context
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the USelect component and trace how the existing icon, avatar, and chip item options are rendered. Compare those paths with the example items, then add equivalent badge handling. Done means badge values appear on select items while the existing option types continue to work.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 65/100