🧩Layout

Layout components help structure and organize content within your application. They provide consistent spacing, alignment, and responsive behavior.

Available layout components

Core containers

• App Container - The root application layout container

• Page Container - Centered, scrollable page content wrapper

• Card - Styled content container with padding

Flexbox

• Flex - Flexible box layout container

  • Flex Center - Centered flex container

  • Styled Flex - Flex with variant styling

Grid

• Grid - CSS Grid layout container

Specialized

• Header - Page/section header container

• Floating Toolbar - Floating action toolbar

• Overflow Container - Scrollable container

• Space - Spacing utility component

Shared features

Layout components share common props from GenericLayoutProps, including:

• padding, margin - Spacing properties

• width, height - Dimension properties

• color, backgroundColor - Color properties