Data Presentation
Badge
A badge draws attention to specific information, such as labels and counts. Use badges to display status, notifications, or small pieces of information that need to stand out.
CLI
To generate a specific style for customization:
dart run forui style create badgesUsage
FBadge(...)
1FBadge(2 style: const .context(),3 child: const Text('Badge'),4)FBadge.raw(...)
1FBadge.raw(2 style: const .context(),3 builder: (context, style) => const Text('Badge'),4)Examples
Primary
Secondary
Outline
Destructive
Avatar
A circular image component that displays user profile pictures with a fallback option. The Avatar component provides a consistent way to represent users in your application, displaying profile images with fallbacks to initials or icons when images are unavailable.
Calendar
A calendar component for selecting and editing dates.