Tag

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

General

The basic Tag usage.

Preview
See code
Status: Unstable

Types

Show different states with colors.

Preview
See code
Default
Primary
Secondary
Success
Warning
Error
Dark
Lite

Invert

Invert color and background.

Preview
See code
Default
Primary
Secondary
Success
Warning
Error
Dark
Lite

APIs

Tag.Props

AttributeDescriptionTypeAccepted valuesDefault
typetag typeTagTypes-default
invertinvert color and backgroundboolean-false
...native propsHTMLAttributes'id', 'className', ...-

TagTypes

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

Previous

Tabs

Next

Text

MADE & DESIGNED WITHBY BRUNO ANDRADE
docs background gradient blue
docs background gradient violet