Select Tile Group

enum Sidebar { recents, home, applications }
 
FSelectTileGroup<Sidebar>(
  selectController: FSelectTileGroupController(values: {Sidebar.recents}),
  label: const Text('Sidebar'),
  description: const Text('These will be shown in the sidebar.'),
  children: [
    FSelectTile(
      title: const Text('Recents'),
      suffixIcon: Icon(FIcons.timer),
      value: Sidebar.recents,
    ),
    FSelectTile(
      title: const Text('Home'),
      suffixIcon: Icon(FIcons.house),
      value: Sidebar.home,
    ),
    FSelectTile(
      title: const Text('Applications'),
      suffixIcon: Icon(FIcons.appWindowMac),
      value: Sidebar.applications,
    ),
  ],
);

FSelectTileGroup(
  selectController: FSelectTileGroupController(values: {Sidebar.recents}),
  label: const Text('Settings'),
  description: const Text('Personalize your experience'),
  maxHeight: 100,
  children: [
    FSelectTile(
      title: const Text('Recents'),
      suffixIcon: Icon(FIcons.timer),
      value: Sidebar.recents,
    ),
    FSelectTile(
      title: const Text('Home'),
      suffixIcon: Icon(FIcons.house),
      value: Sidebar.home,
    ),
    FSelectTile(
      title: const Text('Applications'),
      suffixIcon: Icon(FIcons.appWindowMac),
      value: Sidebar.applications,
    ),
  ],
);

FSelectTileGroup.builder(
  selectController: FSelectTileGroupController(values: {1}),
  label: const Text('Settings'),
  description: const Text('Personalize your experience'),
  maxHeight: 200,
  count: 200,
  tileBuilder:
      (context, index) => FSelectTile(title: Text('Tile $index'), suffixIcon: Icon(FIcons.chevronRight), value: 1),
);

enum Language { dart, java, rust, python }
 
class MultiValueForm extends StatefulWidget {
  const MultiValueForm();
 
  @override
  State<MultiValueForm> createState() => MultiValueFormState();
}
 
class MultiValueFormState extends State<MultiValueForm> {
  final _formKey = GlobalKey<FormState>();
  final controller = FSelectTileGroupController<Language>();
 
  @override
  Widget build(BuildContext context) => Form(
    key: _formKey,
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        FSelectTileGroup(
          selectController: controller,
          label: const Text('Favorite Languages'),
          description: const Text('Your favorite language.'),
          validator: (values) => values?.isEmpty ?? true ? 'Please select at least one language.' : null,
          children: [
            FSelectTile(
              title: const Text('Dart'),
              value: Language.dart,
            ),
            FSelectTile(
              title: const Text('Java'),
              value: Language.java,
            ),
            FSelectTile(
              title: const Text('Rust'),
              value: Language.rust,
            ),
            FSelectTile(
              title: const Text('Python'),
              value: Language.python,
            ),
          ],
        ),
      ],
    ),
  );
 
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}

enum Notification { all, direct, nothing }
 
class RadioForm extends StatefulWidget {
  const RadioForm();
 
  @override
  State<RadioForm> createState() => RadioFormState();
}
 
class RadioFormState extends State<RadioForm> {
  final _formKey = GlobalKey<FormState>();
  final controller = FSelectTileGroupController<Notification>.radio();
 
  @override
  Widget build(BuildContext context) => Form(
    key: _formKey,
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        FSelectTileGroup(
          selectController: controller,
          label: const Text('Notifications'),
          description: const Text('Select the notifications.'),
          validator: (values) => values?.isEmpty ?? true ? 'Please select a value.' : null,
          children: [
            FSelectTile(
              title: const Text('All new messages'),
              value: Notification.all,
            ),
            FSelectTile(
              title: const Text('Direct messages and mentions'),
              value: Notification.direct,
            ),
            FSelectTile(
              title: const Text('Nothing'),
              value: Notification.nothing,
            ),
          ],
        ),
        const SizedBox(height: 20),
        FButton(
          child: const Text('Save'),
          onPress: () {
            if (!_formKey.currentState!.validate()) {
              // Handle errors here.
              return;
            }
 
            _formKey.currentState!.save();
            // Do something.
          },
        ),
      ],
    ),
  );
 
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}

FSelectTileGroup(
  selectController: FSelectTileGroupController.radio(),
  label: const Text('Settings'),
  children: [
    FSelectTile.suffix(
      prefixIcon: Icon(FIcons.list),
      title: const Text('List View'),
      value: 'List',
    ),
    FSelectTile.suffix(
      prefixIcon: Icon(FIcons.layoutGrid),
      title: const Text('Grid View'),
      value: 'Grid',
    ),
  ],
);

enum Sidebar { recents, home, applications }
 
FSelectTileGroup<Sidebar>(
  selectController: FSelectTileGroupController(values: {Sidebar.recents}),
  divider: FTileDivider.full,
  label: const Text('Sidebar'),
  description: const Text('These will be shown in the sidebar.'),
  children: [
    FSelectTile(
      title: const Text('Recents'),
      suffixIcon: Icon(FIcons.timer),
      value: Sidebar.recents,
    ),
    FSelectTile(
      title: const Text('Home'),
      suffixIcon: Icon(FIcons.house),
      value: Sidebar.home,
    ),
    FSelectTile(
      title: const Text('Applications'),
      suffixIcon: Icon(FIcons.appWindowMac),
      value: Sidebar.applications,
    ),
  ],
);

enum Sidebar { recents, home, applications }
 
FSelectTileGroup<Sidebar>(
  selectController: FSelectTileGroupController(values: {Sidebar.recents}),
  divider: FTileDivider.none,
  label: const Text('Sidebar'),
  description: const Text('These will be shown in the sidebar.'),
  children: [
    FSelectTile(
      title: const Text('Recents'),
      suffixIcon: Icon(FIcons.timer),
      value: Sidebar.recents,
    ),
    FSelectTile(
      title: const Text('Home'),
      suffixIcon: Icon(FIcons.house),
      value: Sidebar.home,
    ),
    FSelectTile(
      title: const Text('Applications'),
      suffixIcon: Icon(FIcons.appWindowMac),
      value: Sidebar.applications,
    ),
  ],
);