Tag

Tags are block elements that usually appear near another element. They are used to inform users of the status of an object or of an action that’s been taken.

<Tag>Demo</Tag>

Properties

Property Description Type Default
tagName The type of the HTML element to render for the tag. "span" or "li" "span"
intent The intent of the tag. It changes background and color. "info" or "warning" or "success" or "error" "info"
size The size of the tag. "medium" or "large" "medium"
testId Test id. Added as "data-tid" html attribute. string "tag"

Showcase

Span Success Warning Error With icon
Large size Big Success Large with icon

A List of Tags

  • li 1
  • li 2
  • li 3