Skip to Content
Forui 0.12.0 is released 🎉
DocumentationData PresentationBadge

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.

API Reference
Source Code

Overview

CLI

To generate and customize this style:

dart run forui style create badges

Usage

FBadge(...)

FBadge(
  style: FBadgeStyle.primary,
  child: const Text('Badge'),
);

FBadge.raw(...)

FBadge.raw(
  style: FBadgeStyle.primary,
  builder: (context, style) => Text('Badge'),
);

Examples

Primary

Secondary

Outline

Destructive

Last updated on
AvatarCalendar