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 โ†’
Try a demo โ†’
Get the source โ†’

Watch more GUI Challenges โ†’
Subscribe to Google Chrome Developers โ†’

#GUIchallenges #CSS #ChromeDeveloper

fullname: Adam Argyle; re_ty: Publish;