Component

Slider

Accessible single-value slider built on native input[type=range] with Angular Forms, custom styles, units and signals.

import { NeuSliderComponent } from '@neural-ui/core/slider';

Basic

With ticks and custom step

050100

Disabled

import { NeuSliderComponent } from '@neural-ui/core/slider';
import { FormControl, ReactiveFormsModule } from '@angular/forms';

@Component({
  imports: [NeuSliderComponent, ReactiveFormsModule],
  template: `
    <neu-slider
      [formControl]="volume"
      [min]="0" [max]="100" [step]="5"
      label="Volumen" unit="%"
      [showValue]="true"
    />
  `
})
export class MyComponent {
  volume = new FormControl(70, { nonNullable: true });
}