Toast

The Toast component is a transient, non-blocking notification that appears briefly to provide feedback to the user. It is typically used to display messages such as success, error, warning, or informational alerts. Toasts appear at a designated area of the screen, often at the bottom or top, and automatically disappear after a few seconds, ensuring a smooth and unobtrusive user experience.

ToastComponent

Growl

data-testid

string

hasCloseButton

Boolean

icon

Element

onClose

() => void

variant

"ai" | "beige" | "danger" | "info" | "success" | "warning"

Snackbar

cta

Element

add correct separator for call to action use SnackbarAction

hasCloseButton

Boolean

icon

Element

onClose

() => void

variant

"ai" | "beige" | "danger" | "info" | "success" | "warning"

SnackbarAction

isLoading

Boolean

shape

"circle" | "default" | "square"

size

"lg" | "md" | "sm" | "xs"

variant

"ghost" | "ghost-ai" | "ghost-danger" | "primary" | "primary-ai" | "primary-danger" | "secondary" | "tertiary" | "tertiary-ai" | "tertiary-danger"

Title

lines

number

variant

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

withDash

Boolean