ArcaneStatusBadge class

Unified badge component for status indicators and card overlays.

Supports multiple usage patterns:

  1. Status badges: .success(), .warning(), .error(), .info(), .offline()
    • Pill-shaped with dot indicator and optional pulse animation
  2. Custom status badges: .custom() with any accent color
  3. Card overlay badges: .popular(), .recommended(), .isNew()
    • Solid background, positioned absolutely on cards
  4. Generic badges: .primary(), .secondary()
Inheritance

Constructors

ArcaneStatusBadge({required String label, ComponentSize size = ComponentSize.md, BadgeVariant variant = BadgeVariant.status, StatusType status = StatusType.info, bool showGlow = false, bool showPulse = false, bool showDot = true, String? accentColor, Widget? icon, bool showDefaultIcon = false, BadgePosition? position, String? gradient, String? background, String? borderColor, String? labelColor, Key? key})
const
ArcaneStatusBadge.custom({required String label, required String? accentColor, ComponentSize size = ComponentSize.md, bool showGlow = false, bool showPulse = false, bool showDot = true, Widget? icon, Key? key})
Creates a badge with a custom accent color.
const
ArcaneStatusBadge.error(String label, {ComponentSize size = ComponentSize.md, bool showGlow = false, bool showPulse = false, Widget? icon, Key? key})
Creates an error status badge (red).
const
ArcaneStatusBadge.errorSolid(String label, {ComponentSize size = ComponentSize.md, Widget? icon, BadgePosition? position, Key? key})
Creates an error solid badge (red pill, no dot). Use for tags and labels, not status indicators.
const
ArcaneStatusBadge.info(String label, {ComponentSize size = ComponentSize.md, bool showGlow = false, bool showPulse = false, Widget? icon, Key? key})
Creates an info status badge (blue).
const
ArcaneStatusBadge.infoSolid(String label, {ComponentSize size = ComponentSize.md, Widget? icon, BadgePosition? position, Key? key})
Creates an info solid badge (blue pill, no dot). Use for tags and labels, not status indicators.
const
ArcaneStatusBadge.isNew({String label = 'New', ComponentSize size = ComponentSize.md, Widget? icon, BadgePosition? position = const BadgePosition.topRight(), Key? key})
Creates a "New" badge for card overlays. Success color with star icon, positioned top-right by default.
ArcaneStatusBadge.offline(String label, {ComponentSize size = ComponentSize.md, bool showGlow = false, bool showPulse = false, Widget? icon, Key? key})
Creates an offline status badge (gray).
const
ArcaneStatusBadge.outline(String label, {ComponentSize size = ComponentSize.md, Widget? icon, BadgePosition? position, Key? key})
Creates an outline badge (transparent with border).
const
ArcaneStatusBadge.popular({String label = 'Popular', ComponentSize size = ComponentSize.md, Widget? icon, BadgePosition? position = const BadgePosition.topRight(), Key? key})
Creates a "Popular" badge for card overlays. Solid primary background with star icon, positioned top-right by default.
ArcaneStatusBadge.primary(String label, {ComponentSize size = ComponentSize.md, Widget? icon, bool showDefaultIcon = false, BadgePosition? position, Key? key})
Creates a primary badge (solid primary background).
const
ArcaneStatusBadge.recommended({String label = 'Recommended', ComponentSize size = ComponentSize.md, Widget? icon, BadgePosition? position = const BadgePosition.topRight(), Key? key})
Creates a "Recommended" badge with gradient background. Positioned top-right by default.
ArcaneStatusBadge.secondary(String label, {ComponentSize size = ComponentSize.md, Widget? icon, bool showDefaultIcon = false, BadgePosition? position, Key? key})
Creates a secondary badge (muted background).
const
ArcaneStatusBadge.success(String label, {ComponentSize size = ComponentSize.md, bool showGlow = false, bool showPulse = true, Widget? icon, Key? key})
Creates a success status badge (green).
const
ArcaneStatusBadge.successSolid(String label, {ComponentSize size = ComponentSize.md, Widget? icon, BadgePosition? position, Key? key})
Creates a success solid badge (green pill, no dot). Use for tags and labels, not status indicators.
const
ArcaneStatusBadge.warning(String label, {ComponentSize size = ComponentSize.md, bool showGlow = false, bool showPulse = false, Widget? icon, Key? key})
Creates a warning status badge (orange/yellow).
const
ArcaneStatusBadge.warningSolid(String label, {ComponentSize size = ComponentSize.md, Widget? icon, BadgePosition? position, Key? key})
Creates a warning solid badge (orange/yellow pill, no dot). Use for tags and labels, not status indicators.
const

Properties

accentColor → String?
final
background → String?
final
borderColor → String?
final
gradient → String?
final
hashCode → int
The hash code for this object.
no setterinherited
icon → Widget?
final
key → Key?
Controls how one component replaces another component in the tree.
finalinherited
label → String
final
labelColor → String?
final
position → BadgePosition?
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
showDefaultIcon → bool
final
showDot → bool
final
showGlow → bool
final
showPulse → bool
final
size → ComponentSize
final
status → StatusType
final
variant → BadgeVariant
final

Methods

build(BuildContext context) → Widget
Describes the part of the user interface represented by this component.
override
createElement() → Element
Creates a StatelessElement to manage this component's location in the tree.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
shouldRebuild(covariant Component newComponent) → bool
Implement this method to determine whether a rebuild can be skipped.
inherited
toString() → String
A string representation of this object.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited