Alert

Props

NameTypeDescription
children
React.Node
type
$Keys<typeof TYPE_ICON_MAP>
showIcon
boolean
justifyContent
'left' | 'center'
className
string | Object
title
string
icon
string

Info Alert

An alert to display information
<Alert title="Information Alert" type="info" > You can now set your teams timezone in the Kalo Team Admin </Alert>

Warning Alert

An alert to display a warning
<Alert showIcon={true} title="Warning Alert" type="warning" />

Error Alert

An alert to display a error
<Alert showIcon={true} title="Error Alert" type="error" />

Confirmation Alert

An alert to display a confirmation
<Alert showIcon={true} title="Confirmation Alert" type="confirmation" />

Popover Alert

A container to render alerts anchored (fixed) to top right of screen
<AlertPopover topOffset={32}> <Alert type="info"> Information Alert </Alert> </AlertPopover>

Popover Alert (multiple)

A container to render multiple alerts anchored (fixed) to top right of screen
<WithIncrement />