Alert

The Alert component is used to provide users with important messages or feedback. It ensures that critical information is conveyed in a clear and visually distinct manner. This component can be customized to fit various contexts and uses within the application.

Source @welcome-ui/alert

Alert

closeButtonDataTestId

string

cta

Element

handleClose

() => void

@description add a close button with an onclick handleClose function

icon

Element

isFullWidth

Boolean

size

"sm" | "md" | undefined = sm

variant

"error" | "focused" | "info" | "success" | "warning" | "default" | undefined = default

Alert.Title

closeButtonDataTestId

string

cta

Element

handleClose

() => void

@description add a close button with an onclick handleClose function

icon

Element

isFullWidth

Boolean

size

"sm" | "md"

variant

"error" | "focused" | "info" | "success" | "warning" | "default"