Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.sure-developer.com/llms.txt

Use this file to discover all available pages before exploring further.

Panel

Panel renders a framed container with border, background, padding, and shadow.
ui.panel({
  width = 'lg',
  className = 'm-0 w-full max-w-[980px]'
}, function()
  ui.typography('Controls', {
    variant = 'h3'
  })
  ui.text('Panel body')
end)

API

ui.panel(props?, children?)

Props

PropTypeDescription
width'sm' | 'md' | 'lg'Max width. Defaults to md.
classNamestringAppends to the default panel class.
style, font, theme, varsmixedCommon LUI styling props.