@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    A range slider with single-thumb and dual-thumb (range) modes.

    In single mode, value is a number. In range mode, value is a [low, high] tuple and two thumbs are rendered.

    <ui-slider [(value)]="volume" [min]="0" [max]="100" />
    <ui-slider mode="range" [(value)]="priceRange" [min]="0" [max]="1000" [step]="10" />
    Index

    Constructors

    Properties

    ariaLabel: InputSignal<string> = ...

    Accessible label.

    disabled: InputSignal<boolean> = ...

    Whether the slider is disabled.

    max: InputSignal<number> = ...

    Maximum value.

    min: InputSignal<number> = ...

    Minimum value.

    mode: InputSignal<SliderMode> = ...

    Slider mode: single thumb or range (two thumbs).

    showMinMax: InputSignal<boolean> = ...

    Whether to show the min and max labels at each end of the track.

    showTicks: InputSignal<boolean> = ...

    Whether to show tick marks along the track.

    When true and no explicit ticks array is provided, tick marks are generated automatically at each step interval.

    showValue: InputSignal<boolean> = ...

    Whether to show the current value label(s).

    step: InputSignal<number> = ...

    Step increment.

    ticks: InputSignal<readonly SliderTick[]> = ...

    Explicit tick mark definitions.

    When provided, these override the auto-generated step-based ticks. Each entry may include an optional label rendered below the mark. Setting this implicitly enables tick display (even if showTicks is false).

    value: ModelSignal<SliderValue> = ...

    Current value. Number for single, [low, high] for range.

    valueChange: OutputEmitterRef<SliderValue> = ...

    Emitted when the value changes.