Tag

Display a unique keyword, optionally as a part of a set.

General

The basic Tag usage.

Types

Show different states with colors.

Invert

Invert color and background.

APIs

Tag.Props

AttributeDescriptionTypeAccepted valuesDefault
typetag typeTagTypes-default
invertfilled variant: invert color and backgroundboolean-false
lightlight variant: tinted backgroundboolean-false
subtlesubtle variant: no backgroundboolean-false
...native propsHTMLAttributes'id', 'className', ...-

TagTypes

type TagTypes =
  | 'default'
  | 'secondary'
  | 'success'
  | 'warning'
  | 'error'
  | 'dark'
  | 'lite'
Edit this page on GitHub