Select
Single-select dropdown built on the Bloc overlay layer with Angular forms support, keyboard navigation, projected option markup, and optional search.
Keyboard: ArrowUp, ArrowDown, Enter, Escape. Closes on outside click and supports disabled, clearable, and loading states.
Basic Usage
Simple Select
Minimal projected options using the API shape you asked for.
Reactive FormControl
Full CVA support with programmatic reads and writes.
Selected value: banana
Search And States
Search + Clear
Optional search input inside the dropdown plus clear selection control.
Disabled
Disables click, keyboard interaction, and form participation.
Loading
Loading state replaces the options list with a lightweight status message.
Custom Option Template
Rich Projected Content
Options can contain arbitrary markup, badges, and metadata.
formControlName
Works the same inside a larger reactive form.
Theming
Custom token
Override colours via CSS custom properties — works without a theme package.