Form
Form controls — Checkbox, Radio, Switch, Input, Textarea, Search fields, Select and Autocomplete — and how they compose with Angular Signal Forms.
Every control in this section wraps a real native element (<input>, <textarea>, or the accessible
@angular/aria combobox/listbox primitives for Select) and drives its visual state from CSS reading that
native element — never from a JavaScript class toggle. Most also implement one of Angular Signal Forms'
control contracts (FormValueControl or FormCheckboxControl), so [formField] works alongside plain
two-way binding.
Naming collisions with @sinequa/ui
Several of these components share a selector and a bound-property name with an equivalent still exported by
@sinequa/ui (the library galactik replaces) — but with a different implementation underneath. Each page's
Pitfalls section calls out the specific difference; always check the import path when in doubt.
What's next
Checkbox
Independent on/off selection, with an indeterminate visual state.
Radio
Exclusive selection within a native-name group.
Switch
An on/off track-and-thumb toggle.
Input
A single-line text field with icon slots and a character counter.
Textarea
The multi-line sibling, with content-driven auto-sizing.
Search Input
A search field styled to blend into a form.
Search Bar
A self-contained pill search field with clear and send controls.
Select
A single- or multiple-choice dropdown over a fixed, synchronous options list.
Autocomplete
The async, backend-searched sibling of Select: multi-selection as chips — labels, facets, people.
Tag Input
A free-text field that turns what is typed into removable tags.