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

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

/**
 * <ry-knob>
 *
 * Rotary knob component with drag/wheel interaction.
 *
 * Usage:
 * <ry-knob min="0" max="100" value="50" label="Volume"></ry-knob>
 * <ry-knob min="0" max="3" step="1" labels="Off,Low,Med,High"></ry-knob>
 */
import { RyElement } from '../core/ry-element.js';
export declare class RyKnob extends RyElement {
    #private;
    static observedAttributes: readonly ["min", "max", "step", "value", "disabled", "label", "labels", "description"];
    setup(): void;
    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): 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 disabled(): boolean;
    set disabled(val: boolean);
}
//# sourceMappingURL=ry-knob.d.ts.map