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

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

/**
 * <ry-field>
 *
 * Form field wrapper with label, error, and hint.
 *
 * Usage:
 * <ry-field label="Email">
 *   <input type="email" placeholder="you@example.com">
 * </ry-field>
 *
 * <ry-field label="Password" hint="Min 8 characters" error="Too short">
 *   <input type="password">
 * </ry-field>
 *
 * JS uses data-ry-target for queries, CSS uses classes for styling.
 */
import { RyElement } from '../core/ry-element.js';
export declare class RyField extends RyElement {
    #private;
    static get observedAttributes(): string[];
    setup(): void;
    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
}
//# sourceMappingURL=ry-field.d.ts.map