Stack

Vertical flex container with named gap sizes

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

Builder

ui.stack(props?, children?)

Props

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.