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

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

/**
 * <ry-select>
 *
 * Custom select dropdown component with optional multi-select.
 *
 * Usage:
 * <ry-select placeholder="Choose country" name="country">
 *   <ry-option value="us">United States</ry-option>
 *   <ry-option value="uk">United Kingdom</ry-option>
 *   <ry-option value="ca" disabled>Canada</ry-option>
 * </ry-select>
 *
 * Multi-select:
 * <ry-select multiple clearable placeholder="Choose...">
 *   <ry-option value="us">United States</ry-option>
 *   <ry-option value="uk">United Kingdom</ry-option>
 * </ry-select>
 *
 * JS uses data-ry-target for queries, CSS uses classes for styling.
 */
import { RyElement } from '../core/ry-element.js';
import type { SelectOption } from '../types.js';
export declare class RySelect extends RyElement {
    #private;
    _options: SelectOption[];
    static observedAttributes: readonly ["value", "disabled"];
    setup(): void;
    open(): void;
    close(): void;
    toggle(): void;
    get value(): string;
    set value(val: string);
    get values(): string[];
    teardown(): void;
}
//# sourceMappingURL=ry-select.d.ts.map