Form ControlsSelect

Select

Name: Bloom
Author: Bloom Platform Inc.

BloomSelect

Displays a 32px dropdown select picker matching shadcn base-nova styling.

bloom ui add select

package: bloom_ui

bloom-ui--previewBloomSelect

Target Framework

Bloom Framework

Usage

BloomSelect.dart

dart

BloomSelect<String>(
  value: 'nova',
  items: const [
    BloomSelectItem(value: 'nova', label: 'Nova (Crisp Neutral)'),
    BloomSelectItem(value: 'vega', label: 'Vega (Warm Amber)'),
    BloomSelectItem(value: 'lyra', label: 'Lyra (Tech Violet)'),
  ],
  onChanged: (val) {
    print('Selected style: $val');
  },
)

Getting Started

Studio & Templates

Select

Usage