Alert

Status message surface with title, description, icon, and children

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

Builder

ui.alert(props, children?)

Props

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.