
ArcaneStatusBadge
Use badges for status, category, and lightweight metadata that needs a compact visual treatment.
Live Demo
Component: badge
Preview + Code
Online
Review
Beta
Code
ArcaneBox(
  style: const ArcaneStyleData(
    display: Display.flex,
    gap: Gap.sm,
    flexWrap: FlexWrap.wrap,
  ),
  children: const [
    ArcaneStatusBadge.success('Online'),
    ArcaneStatusBadge.warning('Review'),
    ArcaneStatusBadge.info('Beta'),
  ],
)

ArcaneStatusBadge#

Use badges for status, category, and lightweight metadata that needs a compact visual treatment.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/feedback/status_badge.dart

See the Component Catalog for the full exported surface and source mapping.