Thinking on ways to solve SWITCHES

Appears in: GUI Challenges

In today's GUI challenge I share my thinking on a way to solve a switch. A tiny, UX packed component that ended up being one of the most involved challenges so far. Tons of great layouts, accessibility, animations and interactions to share, which means tons of places for you to have a style preference ๐Ÿ˜‰

0:00 - Introduction
1:15 - States
2:05 - Interactions
2:45 - Screen reader
3:14 - Touch
4:10 - Hover
5:07 - RTL
5:56 - CSS/JS not required
7:00 - Vertical variant
9:14 - Flexbox
10:39 - Grid
12:10 - Overrides
15:38 - Javascript
18:15 - Outro

Read along โ†’ https://goo.gle/3xBYGHy
Try a demo โ†’ https://goo.gle/2VJLVO0
Get the source โ†’ https://goo.gle/3n4Sfcg

Watch more GUI Challenges โ†’ https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers โ†’ http://goo.gl/LLLNvf

#GUIchallenges #CSS #ChromeDeveloper

fullname: Adam Argyle; re_ty: Publish;