Feedback Components

​

Overview

Hux UI provides feedback components for displaying status, alerts, and notifications:

• HuxBadge - Status indicators and notification counters
• HuxAlert - Message boxes with dismissible functionality

​

HuxBadge

Status indicators with semantic variants for displaying important information.

HuxBadge(
  label: 'New',
  variant: HuxBadgeVariant.primary,
)

​

Variants

• primary - Default badge style
• secondary - Subtle badge style
• outline - Border-only badge
• success - Green success badge
• destructive - Red error/warning badge

​

HuxAlert

Message boxes for displaying important information with optional dismissal.

HuxAlert(
  variant: HuxAlertVariant.success,
  title: 'Success!',
  message: 'Operation completed successfully.',
  showIcon: true,
  onDismiss: () => print('Alert dismissed'),
)

​

Variants

• info - Blue informational alert
• success - Green success alert
• destructive - Red error/warning alert