New image

LIBRARIES

Polaris Components FigMayo
👋 Getting started
📝 Changelog
🤝 Contribute

components

Account Connection
Action List
Avatar
Badge
Button
Button group
Callout card
Card
Checkbox
Choice list
Color picker
Contextual save bar
Data table
Date picker
Description list
Divider
Drop zone
Empty state
Exception list
Filters
Fullscreen bar
Footer help
Index filters
Index table
Inline error
Keyboard key
Link
Listbox
Media card
Modal
Navigation
Option list
Page
Page actions
Popover
Progress bar
Radio button
Range slider
Resource list
Select
Skeleton body text
Skeleton display text
Skeleton thumbnail
Spinner
Tabs
Tag
Text field
Thumbnail
Toast
Tooltip
Top bar
Video thumbnail
⚡️ Utilities
Polaris Styles FigMayo

core

Fills & Effects
Variables
Typography
Polaris Icons FigMayo

components

Icons
Navigation
Apps & channels
Ctrl-K
Polaris Components FigMayo/Tag
Updated 18 December 2024
Tag

Tags represent a set of interactive, merchant-supplied keywords that help label, organize, and categorize objects. Tags can be added or removed from an object by merchants.

Badge
Component Preview

States

Preview

Properties

Tone

Sets the color treatment of the tag.

Preview

Removable

Toggle the `Removable` property to display an icon to indicate the tag is removable.

Preview

Icon

Toggle the `Icon` property to display an icon to the left of the label.

Preview
Mike Miller
Updated 18 Dec 2024
Tag(18 variants)
View Figma
    PlaygroundFigma
Mike Miller
Updated 18 Dec 2024
Remove button(9 variants)
View Figma