VBadge class

A badge widget that displays status indicators or labels with different visual styles.

VBadge wraps widgets to display them as status badges with predefined color variants. It supports four semantic variants: info (blue), warning (orange), danger (red), and success (green). This component is commonly used to indicate status, priority, or categorization.

The widget uses VBadgeVariant enum for configuration:

• info: Primary blue badge for informational content
• warning: Secondary orange badge for warnings
• danger: Red destructive badge for errors or critical items
• success: Green outline badge for successful states

Parameters:

• child: The widget to display within the badge
• variant: The visual style variant for the badge (defaults to VBadgeVariant.info)
• icon: Optional icon to display before the child widget

Example:

VBadge(
  variant: VBadgeVariant.success,
  child: Text('Active'),
)

Example with icon:

VBadge(
  variant: VBadgeVariant.warning,
  icon: VIcon.warning,
  child: Text('Attention Required'),
)

Inheritance

• Object
• DiagnosticableTree
• Widget
• StatelessWidget
• VBadge

Constructors

VBadge({Key? key, required Widget child, VBadgeVariant variant = VBadgeVariant.info, VIcon? icon})

const

Properties

child → Widget

final

hashCode → int

The hash code for this object.

no setter, inherited

icon → VIcon?

final

key → Key?

Controls how one widget replaces another widget in the tree.

final, inherited

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

variant → VBadgeVariant

final

Methods

build(BuildContext context) → Widget

Describes the part of the user interface represented by this widget.

override

createElement() → StatelessElement

Creates a StatelessElement to manage this widget's location in the tree.

inherited

debugDescribeChildren() → List<DiagnosticsNode>

Returns a list of DiagnosticsNode objects describing this node's children.

inherited

debugFillProperties(DiagnosticPropertiesBuilder properties) → void

Add additional properties associated with the node.

inherited

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode

Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.

inherited

toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String

A string representation of this object.

inherited

toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String

Returns a string representation of this node and its descendants.

inherited

toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String

Returns a one-line detailed description of the object.

inherited

toStringShort() → String

A short, textual description of this widget.

inherited

Operators

operator ==(Object other) → bool

The equality operator.

inherited