Badge

A small count/status pill in four sizes, including an outlined look.

View source on GitHub ↗

// No `backgroundColor` → defaults to the ambient Theme's error color.
FBBadge.standard(label: '5');

CLI

Install this component into your project:

badge

$flutter_beautify add badge

Variants

FBBadge.standard() · FBBadge.small() · FBBadge.large() · FBBadge.outlined()

Key parameters

Parameter	Type	Default
label	String	required
backgroundColor	Color?	ambient colorScheme.error
textColor	Color?	ambient colorScheme.onError

.outlined() uses borderColor (and textColor) instead of a fill.

Usage

import 'package:your_app/widgets/badge.dart';

FBBadge.small(label: unreadCount.toString());