Alert

Preview

About

An inline card for status messages (warning, success, error). Title is required, message is optional, icon matches the tone.

• tone: info (default), success, warning, or danger — sets the icon and accent color
• title / message: a single-line title (truncates) plus an optional message below it
• emphasizeTitleWithTone: when true, paints the title with the tone's color instead of onSurface
• icon: overrides the tone's default icon
• isLoading: swaps the icon for a KasySpinner (loading state)
• leading / trailing: custom widgets (e.g. KasyAlertActionButton or a KasyAlertCircleButton close button)
• widthMode: full (fills the available width) or intrinsic (width fits the content, centered)

Visually follows the same shell as KasyAccordion's surface variant (border + soft shadow, no offset).

Last updated on 08/23/2026