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.