Alert

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).

Loading the component…

Last updated on 11/03/2026