Sequence
docs
Astro components

Badge

Displays a small badge or label.

A simple component to display a small label or status indicator.

Usage

---
import Badge from '@/components/Badge.astro';
---
<Badge>New</Badge>
<Badge class="bg-blue-500 text-white">Custom</Badge>

Props

PropTypeDefaultDescription
class?string-Additional CSS classes to style the badge.

On this page