Radio Group

ラジオ間の相互排他的な選択を管理します。

主なプロパティ

グループが選択値を保持し、子は公開ウィジェットの TRRadio なので、各選択肢には一意な value が必要です。Web コンポーネントと違い required プロパティ、外部フォームとの関連付け、組み込みの検証はありません。TRField で包んで表示ラベルを付け、エラーメッセージは自分の状態から組み立ててください。

インストール

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

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';

class DeploymentRack extends StatefulWidget {
  const DeploymentRack({super.key});

  @override
  State<DeploymentRack> createState() => _DeploymentRackState();
}

class _DeploymentRackState extends State<DeploymentRack> {
  String rack = 'alpha';

  @override
  Widget build(BuildContext context) {
    return TRField(
      label: 'デプロイ先ラック',
      control: TRRadioGroup(
        name: 'rack',
        value: rack,
        onValueChange: (next) => setState(() => rack = next),
        children: const [
          TRRadio(
            value: 'alpha',
            label: TRText('ラック alpha', variant: TRTextVariant.bodySm),
          ),
          TRRadio(
            value: 'beta',
            label: TRText('ラック beta', variant: TRTextVariant.bodySm),
          ),
        ],
      ),
    );
  }
}

例

API