Welcome UI logo

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
OverviewProps

AlertTitle

lines

number

variant

"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "h0" | "lg" | "md" | "sm" | "subtitle-md" | "subtitle-sm" | "xs" | undefined = tertiary

withDash

Boolean

Alert

closeButtonDataTestId

string

cta

Element

handleClose

() => void

@description add a close button with an onclick handleClose function

hideIcon

Boolean

@description you can remove the icon by setting this prop to false by default the icon is shown unless the variant is 'beige'

isFullWidth

Boolean

size

"md" | "sm" | undefined = sm

variant

"ai" | "beige" | "danger" | "info" | "success" | "warning" | undefined = tertiary

TagToast