Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component2 dependencies

Status Badge

components-spaceui-status-badge

An interactive status badge with animated indicator, status color mapping, and inline or stacked layout modes.

@spaceuiRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

9 demos

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

No live preview for demo-c-status-badge-01 yet
It could not be mounted with no props, or has not been rendered yet. Open it to see the code.

All status indicators from online and available to busy, away, and error states.

@spaceui

More from @spaceui

All 54 items
Icon Stack
components-spaceui-icon-stack
Component
Menubar
primitives-menubar
Component
Item
components-spaceui-item
Component
Number Field
primitives-number-field
Component
Morphing Area
components-spaceui-morphing-area
Component
Progress
primitives-progress
Component
Rating
components-spaceui-rating
Component
Separator
primitives-separator
Component