Badge

セマンティックな意図と共通サイズで、コンパクトな状態値を表示します。

主なプロパティ

セマンティック値は Web と共有し、ウィジェットの動作は Flutter と Material 3 の規約に従います。

インストール

パッケージを追加し、公開ライブラリをインポートしてください。

flutter pub add tinyrack_ui

import 'package:tinyrack_ui/tinyrack_ui.dart';

プレイグラウンド

使用方法

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

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

例

API

Badge は Flutter のネイティブ状態とコールバックを保ち、Tinyrack トークンを既定値として使用します。