Badge
Label small pieces of supporting information.
On this page
Beta
import Badge from "@chitrank2050/monoline-docs/components/Badge.astro";
<Badge>Beta</Badge>Usage
Keep labels short. Badge is informational and has no click behavior.
Accent label
Deprecated
import Badge from "@chitrank2050/monoline-docs/components/Badge.astro";
<Badge variant="accent">Deprecated</Badge>API reference
| Name | Type | Default | Description |
|---|---|---|---|
variant | neutral | accent | neutral | Visual emphasis; the slot contains the label. |
Behavior and accessibility
Use concise status labels such as Beta or Deprecated. Explain their meaning in nearby text; color alone should not carry essential information.