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

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

/**
 * <ry-drawer>
 *
 * Slide-out drawer/panel component.
 *
 * Usage:
 * <ry-button drawer="menu">Open Menu</ry-button>
 * <ry-drawer id="menu" side="left">
 *   <h2>Menu</h2>
 *   <nav>...</nav>
 * </ry-drawer>
 *
 * Attributes:
 * - id: Required for trigger binding
 * - side: left (default), right, bottom
 * - open: Initially open
 *
 * JS uses data-ry-target for queries, CSS uses classes for styling.
 */
import { RyElement } from '../core/ry-element.js';
export declare class RyDrawer extends RyElement {
    #private;
    setup(): void;
    open(): void;
    close(): void;
    toggle(): void;
}
//# sourceMappingURL=ry-drawer.d.ts.map