Library/atoms/StatusBadge

StatusBadge

atom

Semantic status indicator. Particle atom built on HeroUI v3 Chip.

Added in 0.1.0Last modified in 0.6.0

Live Preview

ThemeDefault Light
Device
Desktop

Props

PropTypeDescriptionRequired
statusstring | nullStatus textyes
size"sm" | "md"Badge sizeyes

Usage

import { StatusBadge } from '@qsp-life/particle';

<StatusBadge status="Active" />
<StatusBadge status="Suspended" size="md" />

Import

import { StatusBadge } from '@qsp-life/particle';