Alert

Props

NameTypeDescription
children
node
type
enum'info' | 'error' | 'warning' | 'confirmation'
showIcon
bool
justifyContent
enum'left' | 'center'
className
union
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 />