@ryanhelsing/ry-ui/dist/components/ry-toggle-button.d.ts

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

/**
 * <ry-toggle-button>
 *
 * Standalone toggle button that works as part of a group via shared `name` attribute.
 * Buttons with the same name behave like radio buttons - only one can be pressed at a time.
 *
 * Usage:
 * <ry-toggle-button name="view" value="list" icon="list"></ry-toggle-button>
 * <ry-toggle-button name="view" value="grid" icon="grid" pressed></ry-toggle-button>
 *
 * Conflict detection:
 * Warns in console if same-name buttons span different form/section/fieldset containers.
 */
import { RyElement } from '../core/ry-element.js';
export declare class RyToggleButton extends RyElement {
    #private;
    static observedAttributes: readonly ["pressed", "disabled", "name", "value"];
    setup(): void;
    teardown(): void;
    get pressed(): boolean;
    set pressed(value: boolean);
    get disabled(): boolean;
    set disabled(value: boolean);
    get name(): string;
    set name(value: string);
    get value(): string;
    set value(val: string);
    get icon(): string;
    set icon(val: string);
}
//# sourceMappingURL=ry-toggle-button.d.ts.map