> For clean Markdown content of this page, append .md to this URL. For the complete documentation index, see https://buildwithfern.com/learn/llms.txt.

# Badge

> Display small labels for status, versions, and metadata inline with your content.

Use the `<Badge>` component to display small pieces of information, such as status indicators, categories, versions, or release dates. To display longer notes, use [callouts](/learn/docs/writing-content/components/callouts).

## Usage

### Plant Care API v2.1.0 New

**`Markdown`**

```jsx Markdown
### Plant Care API <Badge intent="info">v2.1.0</Badge> <Badge intent="launch" minimal>New</Badge>
```

## Variants

### Intents

Success

Note

Tip

Warning

Error

Info

Launch

Check

**`Markdown`**

```jsx Markdown
<Badge intent="success">Success</Badge>
<Badge intent="note">Note</Badge>
<Badge intent="tip">Tip</Badge>
<Badge intent="warning">Warning</Badge>
<Badge intent="error">Error</Badge>
<Badge intent="info">Info</Badge>
<Badge intent="launch">Launch</Badge>
<Badge intent="check">Check</Badge>
```

### Styles

Success badge, minimal style

Error badge, minimal style

Success badge, outlined style

Error badge, outlined and minimal style

**`Markdown`**

```jsx Markdown
<Badge intent="success" minimal>Success badge, minimal style</Badge>
<Badge intent="error" minimal>Error badge, minimal style</Badge>
<Badge intent="success" outlined>Success badge, outlined style</Badge>
<Badge intent="error" minimal outlined>Error badge, outlined and minimal style</Badge>
```

## Properties

**`intent`** `string` — required

The semantic color of the badge. Available options: `success`, `note`, `tip`, `warning`, `error`, `info`, `launch`, `check`

---

**`minimal`** `boolean` — default: false

Displays the badge with a more subtle background style. Can be combined with `outlined`.

---

**`outlined`** `boolean` — default: false

Displays the badge with an outlined border style. Can be combined with `minimal`.

---

> Display small labels for status, versions, and metadata inline with your content.