rynex
Version:
A minimalist TypeScript framework for building reactive web applications with no virtual DOM
63 lines • 1.87 kB
TypeScript
/**
* Rynex 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