NeoTerm UI

Status Badge

Inline status badge with colored border and tinted background.

Import

import { StatusBadge } from "neoterm-ui";

Usage

<StatusBadge status="success">Deployed</StatusBadge>
<StatusBadge status="error">Failed</StatusBadge>
<StatusBadge status="warning">Pending</StatusBadge>

Props

PropTypeDefaultDescription
status"success" | "warning" | "error" | "info" | "neutral"Color variant.
childrenReactNodeBadge label.