aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
35 lines • 1.05 kB
TypeScript
/**
* Z-Space App Layout
* Full application layout with Z-space depth layers for navigation, content, and overlays
*/
import React, { CSSProperties, ReactNode } from "react";
/**
* Z-Space App Layout Props
*/
export interface ZSpaceAppLayoutProps {
children?: ReactNode;
className?: string;
style?: CSSProperties;
header?: ReactNode;
sidebar?: ReactNode;
footer?: ReactNode;
overlay?: ReactNode;
perspective?: number;
headerDepth?: number;
sidebarDepth?: number;
contentDepth?: number;
footerDepth?: number;
overlayDepth?: number;
sidebarWidth?: string | number;
headerHeight?: string | number;
footerHeight?: string | number;
sidebarPosition?: "left" | "right";
collapsedSidebar?: boolean;
onSidebarToggle?: () => void;
"aria-label"?: string;
}
/**
* Z-Space App Layout Component
*/
export declare const ZSpaceAppLayout: React.ForwardRefExoticComponent<ZSpaceAppLayoutProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=ZSpaceAppLayout.d.ts.map