bloomBUILD•SHIP•BLOOM
Form ControlsButton Group
.md

Button Group

BloomButtonGroup

A connected row of action buttons or toggle selectors with continuous border grouping.

bloom ui add button_group
package: bloom_ui
bloom-uiBloomButtonGroup
Selected: week

Usage

BloomButtonGroup.dart
dart
BloomButtonGroup<String>(
  defaultValue: 'week',
  items: const [
    BloomButtonGroupItem(value: 'day', label: Text('Day')),
    BloomButtonGroupItem(value: 'week', label: Text('Week')),
    BloomButtonGroupItem(value: 'month', label: Text('Month')),
  ],
  onChanged: (selected) {
    print('Selected timeframe: $selected');
  },
)
Previous Component
Button
Next Component
Input