Display and status

StatusBadge

StatusBadge - Generic status indicator badge Provides pre-defined color schemes for common status domains (invoice, project, etc.) or allows custom styling via CSS variables.

Public export

typescript

import { StatusBadge } from '@happyvertical/smrt-ui';

Import path: @happyvertical/smrt-ui
Props: 5
Props described: 5 of 5
Bindable state: 0
Callback events: 0
Verified release: 0.44.0

Props

NameTypeRequiredDescription

statusstringYesThe status value to display

typeStatusTypeNoPre-defined color scheme type

size'sm' | 'md' | 'lg'NoBadge size

variant'filled' | 'outline'NoVisual variant

labelstringNoOptional custom label (defaults to status value)

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Public export

Props

Bindable state

Callback events

Examples and explanation