Tinyrack

Button

共通の Tinyrack の意図とサイズで Flutter のコマンドやフォーム操作を実行します。

共通の意図、外観、サイズ、読み込み状態でコマンドやフォーム操作を実行します。

主なプロパティ

セマンティック値は 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';

TRButton(
  intent: TRIntent.primary,
  onPressed: deploy,
  child: const Text('Deploy'),
)

例

インテントと外観 パーマリンク

すべてのインテントを各 appearance で表示します。主要な操作には solid、補助的な操作には outline、控えめな操作には ghost を使ってください。

サイズ パーマリンク

周囲の密度に合わせて md・lg のサイズを選びます。

状態 パーマリンク

loading 中もサイズを保ったまま操作を無効化し、disabled ではコールバックを外します。

API

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