In today's GUI challenge I share my thinking on a way to enable users to multi-select. To demonstrate multi-select I've prepared a filterable grid which accepts input from both a -select multiple- and a set of -fieldset- elements. Two multi-select methods yep, each tailored for their use case.
Chapters:
- 0:00 - Introduction
- 0:45 - Overview
- 1:55 - Theming
- 2:05 - UI Hints
- 2:47 - States
- 4:44 - Keyboard
- 6:18 - Reduced Motion
- 7:06 - Screen Reader
- 8:39 - RTL
- 9:46 - Layouts
- 13:19 - JavaScript
- 16:33 - Outro
Resources:
- Read along → https://goo.gle/3DyjjaJ
- Try a demo → https://goo.gle/2YGmPkU
- Get the source → https://goo.gle/3n4Sfcg
Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → http://goo.gl/LLLNvf