# Badge

Group: Feedback

Small pill for status or a topic tag.
- `tone`: `neutral`, `new`, `success`, `warning`, `danger`, `info`; status tones should carry an `icon` too. Or pass `topic` to echo a node color.
- One to two words. Not a button.


## Props

```ts
export interface BadgeProps { tone?: 'neutral' | 'new' | 'success' | 'warning' | 'danger' | 'info'; topic?: Topic; icon?: IconName; children: ReactNode }
```

## Use

```ts
import { Badge } from '@visualli/design-system/components';
```