Xedoniumv1.26.2Search the docs (Ctrl K)View on GitHub
  • Getting started
  • Foundations
  • Layout
  • Typography
  • Inputs
  • Navigation
  • Feedback
  • Overlay
  • Data display
  • Charts
  • Date & time
  • Media
  • Application
  • Utilities
  • Hooks
  • Theme
  • Playground
  • Changelog
ankit.

Layout

5 components

Structural primitives for arranging content.

Container

Centered, padded column. maxWidth takes a Tailwind class.

Divider

Live example

Grid

cols is 1-6 or 12 and collapses on small screens unless responsive={false}.

PageLayout and PageHeader

PageLayout fills the space left in its parent (it is flex-1), so the parent must be a full-height flex colu…

Stack & Flex

Stack is a vertical Flex; use direction="row" for horizontal. gap is 0-4, 6 or 8. Flex also takes align, ju…