Getting StartedInstallation and setup guides 6
FormInput and selection components 26
LayoutWorkflow and structural layout components 10
NavigationMenu surfaces and hierarchical actions 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 6
UtilityGeneral-purpose interface utilities 7

Components

Structured component documentation with categorized navigation. Start with setup guides and then expand into implementation, accessibility, and release workflows.

Form

Toggle Group

Coordinated single or multiple selection state for grouped toggle buttons.

In progress

Detailed documentation for Toggle Group is under active authoring.

This page will include API references, examples, accessibility notes, and migration tips.

Sample

Coordinate several toggle items as one single-select or multi-select control.

Angular Signal Forms Review

Reviewed against Angular 21.1 Signal Forms and verified locally where the wrapper already exposes either a Signal Forms custom-control contract or a model-backed host directive. Use this matrix as the quick answer before you jump into a specific component page.

ComponentStatusNotes
tng-input Ready Works with Angular Signal Forms through the FormValueControl model contract. Legacy Angular forms use the explicit tngAngularForms adapter.
tng-checkbox Ready Works with Angular Signal Forms through the FormCheckboxControl checked model. The legacy adapter maps boolean and mixed values explicitly.
tng-toggle Ready Works with Angular Signal Forms through checked. pressed/pressedChange remain compatibility aliases.
tng-input-otp Ready Works with Angular Signal Forms through the FormValueControl string model. Legacy Angular forms use the explicit tngAngularForms adapter.
tng-select Ready Works directly with [formField] because the host directive exposes a model-backed value signal.
tng-multiselect Ready Works directly with [formField] for readonly array values through the host directive model.
tng-multi-autocomplete Ready Works directly with [formField] for readonly array values through the host directive model.
tng-autocomplete Not ready Do not bind [formField] directly yet. External field updates are currently collapsed back to null in local interop tests.
tng-textarea Ready Works with Angular Signal Forms through the FormValueControl text model.
tng-radio Ready Works as a standalone checked signal-form control. Use radio groups for coordinated option values.
tng-switch Ready Works with Angular Signal Forms through the FormCheckboxControl checked model while keeping hidden native input submission.
tng-datepicker Ready Works with Angular Signal Forms through the FormValueControl date model and remains form-field aware.
tng-button-toggle-group Not ready Group state is controlled with value/values inputs and outputs, not a direct signal-form field binding.
tng-toggle-group Not ready Group state is coordinated by value/values inputs and outputs, not a direct signal-form field binding.
tng-month-daypicker Ready Works with Angular Signal Forms through the FormValueControl month-day model.
tng-yearpicker Ready Works with Angular Signal Forms through the FormValueControl year model.
tng-chips Not a field Treat this as selected-value presentation and removal UI around another field model, not as a standalone form control.
tng-input-field Not a field Shell only. Pair it with input[tngInput] or another actual field control.
tng-label Not a field Label helper only. Use it with another signal-form-compatible control.
tng-listbox Not a field Headless selection primitive, not a direct signal-form field surface.
tng-slider Ready Works with Angular Signal Forms through the FormValueControl numeric model.