Developer mode
Opens components on the React tab by default.
Your bookmarks

Tag

Offers a label that can optionally be selected and unselected or removed.

Tags allow users to clearly see selected options that can be added and removed. Use them to display selected cities in a search, potential modes of transportation, or anywhere you want interactive labels.

Tags are small indicators and so well-suited for cases where you want to add information but don’t want it grab as much attention as a button.

Component status

Figma
Designing
ETA: March
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
n/a

Component structure

Label: describes tag meaning and works best when short; icon: visually supports tag meaning; remove icon: optionally gives the option to remove tag.

Related components