Select Group – Forui (original) (raw)

A group of items that allow users to make a selection from a set of options.

Preview

Usage

FSelectGroup(...)

FSelectGroup<Value>(
  controller: FSelectGroupController(), // or FSelectGroupController.radio()
  label: const Text('Sidebar'),
  description: const Text('Select the items you want to display in the sidebar.'),
  onChange: (all) => print(all),
  onSelect: (selection) => print(selection),
  children: [
    FCheckbox.grouped(
      value: Value.checkbox,
      label: const Text('Checkbox'),
    ),
    // or
    FRadio.grouped(
      value: Value.radio,
      label: const Text('Radio'),
    ),
  ],
);

Examples

Checkbox Form

Preview

Radio Form

Preview

Last updated on

May 7, 2025

SelectSlider