Tag
Source page in Figma: Tag · 8 component sets · 0 standalone components
Index: ../component-registry.md · Workflows: ../workflows.md
Component Sets (8)
Section titled “Component Sets (8)”| Name | Key | Variants | Properties |
|---|---|---|---|
| .Remove tag/Close icon/General | cb6c255dde2b40a164f2dcb7c3795fff829c10ea | 3 | State=Default | Hover | Pressed (default Default) |
| .Remove tag/Close icon/Size | 4f9d096826e71dcf2b7b859255ff9d3b2a6e98af | 3 | Size=Small | Medium | Large (default Small) |
| .Tag content/Layout | 964d4e10dcf31622d2b2c354097d6c9f3d6a58d7 | 12 | L icon#8817:5=bool (default True)Swap L icon#8818:9=instance-swap R icon#8818:13=bool (default True)Swap R icon#8818:17=instance-swap Tag text#8818:21=text Size= Medium | Large | Small | XSmall (default XSmall)Font weight= Medium | XSmall | Bold | Simebold (default XSmall) |
| Removable tag/General | 8863b58006c8ed50f5bccaf600af5aa4e5039c75 | 8 | Type=on gray | on white (default on gray)State= Default | Hover X | Click X | Error (default Default) |
| Remove tag/Size | 5d40a04c8d702100f314e864217de1919ffa5afc | 8 | L icon#9805:0=bool (default True)Swap L icon#9805:4=instance-swap Tag#9809:0=text Size= Small | Medium | Large | Xs (default Small)Type= Text | Comp (default Text) |
| Remove tag/User | 80660c709763acab8d907f2eadd151d349fc7010 | 6 | Type=on gray | on white (default on gray)State= Default | Hover X | Click X (default Default) |
| Tag, label | 8614e9d738dfab4208a78e05a2be32ad4f88af1e | 32 | Color=12 opts (default Brand)Color style= Light | Bold | Light + Border (default Light) |
| Tag/Size | 47b5bb5f35256d309198c9dd7b38250eecef4a66 | 14 | L icon#8817:5=bool (default True)Swap L icon#8818:9=instance-swap R icon#8818:13=bool (default True)Swap R icon#8818:17=instance-swap Tag text#8818:21=text Size=7 opts (default 4xs)Radius= Block | Rounded (default Block) |