Slider
An input where the user selects a value from within a given range.
import { Component, signal } from '@angular/core';
import { HlmSlider } from '@spartan-ng/helm/slider';
@Component({
selector: 'spartan-slider-preview',
imports: [HlmSlider],
template: `
<hlm-slider [(value)]="value" />
`,
styles: `
:host {
display: block;
width: 60%;
}
`,
})
export class SliderPreview {
public readonly value = signal(50);
}Installation
npx nx g @spartan-ng/cli:ui slider
ng g @spartan-ng/cli:ui slider
Usage
import { HlmSliderComponent } from '@spartan-ng/helm/slider';<hlm-slider />