ui icon indicating copy to clipboard operation
ui copied to clipboard

SelectMenu Multiple Improvements: Deselect All, Badge instead of comma

Open fabianwohlfart opened this issue 1 year ago • 1 comments

Description

I was looking through the v3 alpha5 and found that select menu with multiple will have a width of 0 if you deselect all. https://ui3.nuxt.dev/components/select-menu#multiple

Also instead of comma separating the selected items it would look great to have badges with an x on the right side, so it's easier to differentiate. compare to this (taken from kirby cms)

Image

Additional context

No response

fabianwohlfart avatar Oct 03 '24 09:10 fabianwohlfart

Hi @fabianwohlfart 👋

This happens because there is no placeholder defined on that demo, however, if you define a placeholder, then you are fine 🙏

Tragio avatar Oct 03 '24 18:10 Tragio

@fabianwohlfart The documentation part has been solved. Regarding the multiple badges, you can use the InputMenu component for that: https://ui3.nuxt.dev/components/input-menu#multiple

benjamincanac avatar Oct 10 '24 19:10 benjamincanac