@razen-core/zenweb/dist/runtime/helpers/layout.d.ts

A minimalist TypeScript framework for building reactive web applications with no virtual DOM

/**
 * ZenWeb Layout Helpers
 * Layout and positioning components
 */
import { DOMProps, DOMChildren } from '../dom.js';
/**
 * Vertical box layout (flex column)
 */
export declare function vbox(props: DOMProps, ...children: DOMChildren[]): HTMLElement;
/**
 * Horizontal box layout (flex row)
 */
export declare function hbox(props: DOMProps, ...children: DOMChildren[]): HTMLElement;
/**
 * Grid layout container
 */
export declare function grid(props: DOMProps & {
    columns?: number;
    gap?: string;
}, ...children: DOMChildren[]): HTMLElement;
/**
 * Plain container (div without flex)
 */
export declare function container(props: DOMProps, ...children: DOMChildren[]): HTMLElement;
/**
 * Stack layout with z-index management
 */
export declare function stack(props: DOMProps, ...children: DOMChildren[]): HTMLElement;
/**
 * Center content (both axes)
 */
export declare function center(props: DOMProps, ...children: DOMChildren[]): HTMLElement;
/**
 * Flexible spacer
 */
export declare function spacer(props?: DOMProps): HTMLElement;
/**
 * Flex wrap container
 */
export declare function wrap(props: DOMProps, ...children: DOMChildren[]): HTMLElement;
/**
 * Scrollable container
 */
export declare function scroll(props: DOMProps, ...children: DOMChildren[]): HTMLElement;
/**
 * Sticky positioned container
 */
export declare function sticky(props: DOMProps & {
    top?: string;
}, ...children: DOMChildren[]): HTMLElement;
/**
 * Fixed positioned container
 */
export declare function fixed(props: DOMProps, ...children: DOMChildren[]): HTMLElement;
/**
 * Absolute positioned container
 */
export declare function absolute(props: DOMProps, ...children: DOMChildren[]): HTMLElement;
/**
 * Relative positioned container
 */
export declare function relative(props: DOMProps, ...children: DOMChildren[]): HTMLElement;
//# sourceMappingURL=layout.d.ts.map