Leave Yamada UI a star

Star
Yamada UIYamada UIv1.5.1

Alert

Alert is a component that conveys information to the user.

Source@yamada-ui/alert

Props

AlertProps

colorScheme

Description

The visual color appearance of the component.

Type

"whiteAlpha" | "blackAlpha" | "gray" | "neutral" | "red" | "danger" | "rose" | "pink" | "flashy" | "orange" | "warning" | "amber" | "yellow" | "lime" | "green" | "success" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "primary" | "info" | "link" | "indigo" | "violet" | "secondary" | "purple" | "fuchsia"

Default

primary

size

Description

The size of the Alert.

Type

string

status

Description

The status of the alert.

Type

"info" | "success" | "warning" | "error" | "loading"

Default

'info'

variant

Description

The variant of the Alert.

Type

"basic" | "subtle" | "solid" | "island-accent" | "left-accent" | "top-accent"

Default

basic

AlertIconProps

variant

Type

UIValue<string> & ("grid" | "audio" | "oval" | "dots" | "puff" | "rings" | "circles")

AlertTitleProps

AlertDescriptionProps

Edit this page on GitHub

PreviousFeedbackNextLoading