Skip to content
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

Add Clear Button to USelectMenu #1057

Open
peterkimzz opened this issue Dec 4, 2023 · 4 comments · May be fixed by #1637
Open

Add Clear Button to USelectMenu #1057

peterkimzz opened this issue Dec 4, 2023 · 4 comments · May be fixed by #1637
Labels
enhancement New feature or request

Comments

@peterkimzz
Copy link

peterkimzz commented Dec 4, 2023 •
edited

Description

Hi Nuxt UI Team!

When I use USelectMenu component with multiple property, it's hard to clear all items or even each items.

So how about add clearItem options when multiple property is enabled?

I think simply replace the chevron-down icon with x icon when multiple items are selected.

Additional context

No response
@peterkimzz peterkimzz added the enhancement New feature or request label Dec 4, 2023
@peterkimzz peterkimzz changed the title Add Clear Button to Reset Items on USelectMenu Add Clear Button to USelectMenu Dec 4, 2023
@aloky
Copy link

aloky commented Dec 6, 2023

also maybe #898 (comment)

@benjamincanac Volta.net
Copy link
Member

Have you tried using the #trailing slot like the Select? https://ui.nuxt.com/forms/select#trailing

@benjamincanac benjamincanac mentioned this issue Jan 24, 2024
Closed
@aloky
Copy link

aloky commented Jan 24, 2024 •
edited

@benjamincanac Yes, but it would be user frendly(or mobile device), if have the delete/clear item in list selected

@aloky
Copy link

aloky commented Jan 24, 2024

Screenshot 2024-01-24 at 17 24 28

NMTuan added a commit to NMTuan/nuxtUI that referenced this issue Apr 8, 2024
@NMTuan
feat(SelectMenu): add clearable prop to clear the seleted value
a10acf2 
and you can set `clearableIcon` prop to change the clearable icon

Closes nuxt#1057
@NMTuan NMTuan linked a pull request Apr 8, 2024 that will close this issue
Open
8 tasks
@noook noook mentioned this issue May 1, 2024
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(SelectMenu): add clearable prop to clear the seleted value NMTuan/nuxtUI
3 participants
@benjamincanac @peterkimzz @aloky