Alert

Colored notification

Import

import { Alert } from '@windmill/react-ui'

Type

There are five types of alerts, applied by the prop type: success, danger, warning, info and neutral (default).

Every alert comes with an icon that helps identifying the type of alert for colorblind people.

live editor

onClose

The onClose prop is responsible for showing the close button and executing the passed function.

live editor

Props overview

PropDescriptionTypeDefault
typedefine the size of componentsuccess, danger, warning, info, neutralneutral
onCloseif present, shows a close button and executes a functionfunction

Customizing

See Customization to learn how to change defaultTheme styles.