Componente

Slider

Control deslizante accesible de valor único sobre input[type=range] nativo con Angular Forms, estilos personalizados, unidades y señales.

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

Básico

Con ticks y paso personalizado

050100

Deshabilitado

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 });
}