Tag

Label and categorize content.

mdx

<Tag>default</Tag>

default

Variants

mdx

<Tag variant="default">default</Tag>
<Tag variant="primary">primary</Tag>
<Tag variant="success">success</Tag>
<Tag variant="warning">warning</Tag>
<Tag variant="danger">danger</Tag>

defaultprimarysuccesswarningdanger

Tags group

mdx

<Tags>
  <Tag>react</Tag>
  <Tag>typescript</Tag>
  <Tag>tailwind</Tag>
</Tags>

reacttypescripttailwind

Props

prop	type	default	description
variant	"default" \| "primary" \| "success" \| "warning" \| "danger"	"default"	Tag style
children	ReactNode	-	Tag content