Tag, then one with an icon, one with only an icon, a status dot, an avatar and a closable one.color to a status, a color name like magenta or fuchsia, in any variant.color any CSS color, like #f50, for a one-off tag derived from that color, with every variant.emphasis="subtle" for a quieter tag with a neutral fill and no border, which keeps the colored text of its status.size="small" for a shorter tag with smaller text, for dense rows of metadata like versions or environments.shape to "squircle" for smoothed corners or "round" for a pill, with any color, icon or status.shape="squircle" bends the corners into a superellipse in Chromium 139 and later, and shows plain corners elsewhere.status to show a status dot before the label, with a pulsing ring for processing, like Healthy or Deploying.icon a node to show a glyph before the label, in the tag's text color, like a spinner beside Deploying.icon takes the tag's text color with any color and variant, and sits beside a close button.icon and no children for a square tag, and set title so hovering the tag names it.avatar an image URL to show a small picture at the start of the tag, like a face beside a person's name.avatar follows the tag's shape: a circle on a round tag and a rounded square on the others.closable to add a close button in the tag's own color, and handle onClose to remove the tag from your list.closeIcon a node to change the close glyph, or closable an object to give the button its own aria-label.Tag.CheckableTag toggles checked on click, for a single on and off choice like Follow and Following.options to Tag.CheckableTagGroup for a row of toggles and multiple to let several stay checked, here in the default shape and round.href to render the tag as a link that keeps the tag's color, shape and icon.