Cycle Button
Usage notes
Cycle buttons are simple multi-state toggle buttons that toggle between the possible items below a certain threshold, and show them in a popover selector when above.
Default
Add
Remove
With content and pre-selected item
Card View
Grid looooooooooooooong View
List View
Column View
With threshold=0
Card View
Grid View
List View
Column View
With displayMode=icontext
Portrait
Landscape
With additional actions
Card View
Grid View
List View
Column View
View Settings
More Settings
With multiple display modes
Card View
Grid View
List View
Column View
With a general icon
Card View
Grid View
List View
Column View
Without any icons
Card View
Grid View
List View
Column View
Labelled using aria-label
Card View
Grid View
List View
Column View
View Settings
More Settings