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

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

/**
 * <ry-split>
 *
 * Two-column split layout with optional resizable divider and persistence.
 *
 * Usage:
 * <ry-split>
 *   <div>Main content</div>
 *   <div>Sidebar</div>
 * </ry-split>
 *
 * Resizable with persistence:
 * <ry-split resizable persist="my-panel">
 *   <div>Main</div>
 *   <div>Panel</div>
 * </ry-split>
 *
 * CSS custom properties:
 *   --ry-split-width:     Sidebar width (default 300px)
 *   --ry-split-min-width: Sidebar minimum during resize (default 100px)
 *   --ry-split-max-width: Sidebar maximum during resize (default 80% of container)
 */
import { RyElement } from '../core/ry-element.js';
export declare class RySplit extends RyElement {
    #private;
    setup(): void;
}
//# sourceMappingURL=ry-split.d.ts.map