Skip to main content

Tag

Small label representing data like a status or a property.

Tag

<Tag>Tag</Tag>

Props

Color

Primary

Secondary

Grey

Success

Info

Warning

Error

<Tag>Primary</Tag>
<Tag color="secondary">Secondary</Tag>
<Tag color="grey">Grey</Tag>
<Tag color="success">Success</Tag>
<Tag color="info">Info</Tag>
<Tag color="warning">Warning</Tag>
<Tag color="error">Error</Tag>

Dense

Dense

<Tag dense>Dense</Tag>