CngxSliderFieldBridge

Bridges a <cngx-slider> (or a bare [cngxSliderTrack]) into a <cngx-form-field>.

Same-element on the slider host. Provides CNGX_FORM_FIELD_CONTROL so the form-field presenter discovers the slider, two-way-syncs the bound Field<T> value with the slider's value model, and projects ARIA attributes from the presenter onto the host.

The slider atom stays completely Forms-agnostic - this directive is the only place that imports from @cngx/forms/field / @angular/forms.

Usage#

<cngx-form-field [field]="form.volume">
  <label cngxLabel>Volume</label>
  <cngx-slider cngxSliderFieldBridge [min]="0" [max]="100" [step]="5" showValue />
  <cngx-field-errors />
</cngx-form-field>

For Reactive Forms, wrap the FormControl in adaptFormControl(...) and pass the returned accessor to [field] - the bridge doesn't care about the source.

https://cngxjs.github.io/cngx/examples/#/forms/field/slider-forms/signal-forms-slider