## Badges

# Example heading New

### Badge sizes

Default
Left icon Right icon
Default
Left icon Right icon
Default
Left icon Right icon

### Positioned badges

### Basic badges

Default Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan Dark Light

### Light badges

Default Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan Dark Light

### Outline badges

Default Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan Dark Light

### Badges with icons

Default
Blue
Azure
Indigo
Purple
Pink
Red
Orange
Yellow
Lime
Green
Teal
Cyan
Dark
Light

## Theme Settings

Color mode

Choose the color mode for your app.

Light
Dark
Color scheme

The perfect color mode for your app.

Font family

Choose the font family that fits your app.

Sans-serif
Serif
Monospace
Comic
Theme base

Choose the gray shade for your app.

Slate
Gray
Zinc
Neutral
Stone
Corner Radius

Choose the border radius factor for your app.

0
0.5
1
1.5
2
Save