Badges

Use the Badge component to display small pieces of information, such as status indicators, categories, versions, or release dates.

To display longer notes, use the Callouts component instead.

Badge varieties

Success

1
<Badge intent="success">Success</Badge>

Note

1
<Badge intent="note">Note</Badge>

Tip

1
<Badge intent="tip">Tip</Badge>

Warning

1
<Badge intent="warning">Warning</Badge>

Error

1
<Badge intent="error">Error</Badge>

Info

1
<Badge intent="info">Info</Badge>

Launch

1
<Badge intent="launch">Launch</Badge>

Check

1
<Badge intent="check">Check</Badge>

Properties

Customize your Badges using the following properties: