-
Notifications
You must be signed in to change notification settings - Fork 216
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.
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
WIP: UX Multi Select Component (v2) #4862
base: main
Are you sure you want to change the base?
Conversation
UX Notes:
All in all, I like this! |
It was in a design that @Austinauth did at one point and it looked nice. Open to suggestions
This is configurable by the developer, defaults to 6 at the moment.
Happy to make the change - lets get consensus from you all and happy to make that happen.
The input message is configurable by the developer. |
Re: Horizonal line break In general, this is looking really nice. I love the touch of adding each item to the list as its selected. |
Added a commit with some changes. |
Thoughts on the color of the selected choices: I tested it out with them gray, and I think I prefer them blue. Input that the customer types can be gray then turn blue when submitted. The list of selected options isn't the same as text the customer writes, and it makes sense to have it be highlighted in blue for the customer to easily see. |
I also tried out changing the indentation (which is why there are some commented out lines). After trying some variations, I decided the indentation you set looks the best. |
I removed the filter ghost text and added it to the bottom instructions. Ghost text has some accessibility issues, and this way all the instructions are in one space. |
889c33d
to
c5cafd9
Compare
Azure Dev CLI Install InstructionsInstall scriptsMacOS/Linux
bash:
pwsh:
WindowsPowerShell install
MSI install
Standalone Binary
MSI
Documentationlearn.microsoft.com documentationtitle: Azure Developer CLI reference
|
What's Included
Example
Cambell Theme
Dark Theme
ux-multi-select.mp4
Usage
Example
go
code to use the component.