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

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

/**
 * <ry-icon>
 *
 * Renders an icon from the icon registry.
 *
 * Usage:
 * <ry-icon name="close"></ry-icon>
 * <ry-icon name="check" size="16"></ry-icon>
 * <ry-icon name="heart" size="32"></ry-icon>
 *
 * Attributes:
 * - name: icon name from registry (required)
 * - size: icon size in pixels (default: 24)
 * - label: accessible label (for screen readers)
 */
import { RyElement } from '../core/ry-element.js';
export declare class RyIcon extends RyElement {
    #private;
    static get observedAttributes(): string[];
    setup(): void;
    attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;
    get name(): string;
    set name(value: string);
    get size(): number;
    set size(value: number);
}
//# sourceMappingURL=ry-icon.d.ts.map