# Badge

A small label for status, category, or metadata.

- ID: `badge`
- Import: `animui/badge`
- Category: Data
- Runtime exports: `Badge`, `default`
- Declaration: `types/free/components/badge.d.ts`
- Type provenance: emitted-original-typescript
- Related: alert, sortable-data-table

```tsx
import { Badge } from 'animui/badge';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info badge` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { Badge, default } from '../registry/components/badge/badge.js';
export type { BadgeProps, BadgeSize, BadgeTone } from '../registry/components/badge/badge.js';
```