Bloc UIBloc UI

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.

$ npm install @bloc-ui/select

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.

Form value: apple

Theming

Custom token

Override colours via CSS custom properties — works without a theme package.