Stack

Stack renders a vertical flex container for ordered content.

ui.stack({
  gap = 'lg',
  className = 'w-[480px]'
}, function()
  ui.typography('Content', {
    variant = 'h3'
  })
  ui.text('Stacked body')
end)

API

ui.stack(props?, children?)

Prop	Type	Description
`gap`	`'sm' \| 'md' \| 'lg'`	Vertical spacing. Defaults to `md`.
`className`	`string`	Appends classes to the default stack class.
`style`, `font`, `theme`, `vars`	mixed	Common LUI styling props.