NeoTerm UI

Badge

Inline badge with multiple color variants.

Import

import { Badge } from "neoterm-ui";

Usage

<Badge>Default</Badge>
<Badge variant="success">Online</Badge>
<Badge variant="destructive">Critical</Badge>
<Badge variant="warning">Pending</Badge>
<Badge variant="outline">v1.2.0</Badge>

Props

PropTypeDefaultDescription
variant"default" | "secondary" | "destructive" | "outline" | "success" | "warning""default"Color variant.
childrenReactNodeBadge content.