Alert

Alert renders a bordered status message. It can be a leaf component or a container with child nodes.

ui.alert({
  title = 'Interactive State',
  description = 'Change values here and the preview updates.',
  iconComponent = 'lucide:info'
})

ui.alert({
  title = 'Warning',
  variant = 'destructive'
}, function()
  ui.text('This action cannot be undone.')
end)

API

ui.alert(props, children?)

Prop	Type	Description
`title`	`string`	Optional heading.
`description`	`string`	Optional description text.
`variant`	`'default' \| 'destructive'`	Destructive switches to red border/text styling.
`icon`, `iconComponent`	icon	Optional leading icon.
`innerClassName`	`string`	Inner wrapper class.
`bodyClassName`, `contentClassName`	`string`	Body/content wrapper class.
`titleClassName`	`string`	Title class.
`descriptionClassName`	`string`	Description class.
`className`, `style`	mixed	Common LUI styling props.