Tinyrack

Badge

Label compact status values with shared Flutter intent and sizing.

Label compact status values with semantic intent and shared sizing.

Contract

Semantic values match the web system while widget behavior follows Flutter and Material 3.

Install

Add the package, then import its public library.

flutter pub add tinyrack_ui
import 'package:tinyrack_ui/tinyrack_ui.dart';

Playground

Usage

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

const TRBadge(
  variant: TRStatusVariant.success,
  child: Text('Healthy'),
)

Examples

Variants permalink

Status variants tint the badge to signal health, progress, or risk.

Sizes permalink

Scale the badge with md and lg to sit beside text or headings.

API

Badge preserves native Flutter state and callbacks while applying Tinyrack token defaults.