@ryanhelsing/ry-ui/dist/components/ry-slider.d.ts

Framework-agnostic, Light DOM web components. CSS is the source of truth.

/**
 * <ry-slider>
 *
 * Range slider component with single or dual handles.
 *
 * Usage:
 * <ry-slider min="0" max="100" value="50"></ry-slider>
 * <ry-slider min="0" max="100" start="25" end="75" range labeled></ry-slider>
 */
import { RyElement } from '../core/ry-element.js';
export declare class RySlider extends RyElement {
    #private;
    static observedAttributes: readonly ["min", "max", "step", "value", "start", "end", "disabled"];
    setup(): void;
    get min(): number;
    set min(val: number);
    get max(): number;
    set max(val: number);
    get step(): number;
    set step(val: number);
    get value(): number;
    set value(val: number);
    get start(): number;
    set start(val: number);
    get end(): number;
    set end(val: number);
    get disabled(): boolean;
    set disabled(val: boolean);
}
//# sourceMappingURL=ry-slider.d.ts.map