Getting StartedInstallation and setup guides 5
LayoutWorkflow and structural layout components 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 5
FormInput and selection components 17
UtilityGeneral-purpose interface utilities 7
NavigationMenu surfaces and hierarchical actions 7
Overview API Styling Examples

Form usage

Autocomplete can sit inside a standard form when you want searchable single-value selection.

Autocomplete form usage

Live form

Assign release locale

Use autocomplete inside a form when the option list is too long for a static select.

Selected: India

Signal form usage

Use Angular Signal Forms with autocomplete controls for searchable field selection.

Autocomplete signal form usage

Signal form

Uses Angular Signal Forms (`form(...)` + `FormField`) with autocomplete-driven selections.

Country
Currency

Country directory

A standard searchable single-select field using the wrapper component only.

Country directory (Plain-CSS)

Country directory

Search the release locale list and commit with keyboard or pointer selection.

Selected: India

Release owner handoff

Disabled owners stay visible for context while the next available handoff remains searchable.

Release owner handoff (Plain-CSS)

Release owner handoff

Disabled owners stay visible for context while the next available handoff stays searchable.

Selected: Abigail Chen

Programmatic country search

Type in an external input, click Search, and forward that value into autocomplete query with overlay opened.

Programmatic country search

Programmatic search trigger

Enter a term, click Search, then autocomplete query is updated and its overlay opens.

Selected: none