@ryanhelsing/ry-ui/dist/components/ry-search-list.d.ts

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

/**
 * <ry-search-list>
 *
 * Always-visible, filterable, keyboard-navigable list.
 * Supports optional grouping via <ry-search-group>.
 *
 * Usage:
 * <ry-search-list placeholder="Search...">
 *   <ry-search-item value="grid">Grid</ry-search-item>
 *   <ry-search-item value="tabs">Tabs</ry-search-item>
 * </ry-search-list>
 *
 * Grouped:
 * <ry-search-list placeholder="Search...">
 *   <ry-search-group label="Layout">
 *     <ry-search-item value="grid">Grid</ry-search-item>
 *   </ry-search-group>
 * </ry-search-list>
 *
 * JS uses data-ry-target for queries, CSS uses classes for styling.
 */
import { RyElement } from '../core/ry-element.js';
export declare class RySearchList extends RyElement {
    #private;
    setup(): void;
    get value(): string;
    set value(val: string);
    clear(): void;
}
//# sourceMappingURL=ry-search-list.d.ts.map