Material You designs to improve the design system from before, in this set of rules and components helps to improve the user interface. With Material You developers build more interactive designs. Now, Google’s apps Docs, Sheets, and Slides use the new toggle design.
Add Realmicentral to your Google News feed.
With the new toggle design Material 3 switch is bigger and even more of a pill than the previous layout. In this, the new toggle’s whole container is shaped like a pill.
- M2: Switches have a circular thumb that extends beyond the edge of the track.
- M3: Switches have a taller and wider track, new color mappings, and the ability to hold an icon in the switch thumb.
Now, on these Google apps like Google Docs, Sheets, and Slides using the switch directly in the editor’s overflow menu for Print layout, Suggested changes, Available offline, and Star. It does not leverage the optional icon (checkmark) within the circle, which grows in size from the off to the on the state.
If focus on the toggle in the System setting of versions Android 12 and 13 now it looks broader and compressed.
- Accessibility: Visual presentation is more accessible
- Color: New color mappings meet non-text-contrast requirements in addition to compatibility with dynamic color
- Icons: Ability to have an optional icon within the switch thumb
- Layout: The track is taller and wider
Since it’s in overflow, you don’t get to appreciate the animation fully since the menu quickly disappears after a selection is made. This change is not live anywhere else in the app, like Settings.
Finally, this new toggle change user can use with version 1.22.442.03.90 of Google Docs, Sheets, and Slides.