Mosha UI

Alert

Just an alert

Basic usage

Default Alert
Info Alert
Success Alert
Warning Alert
Danger Alert
<m-alert title="Info Alert" />
<m-alert type='info' title="Info Alert" />
<m-alert type='success' title="Success Alert" />
<m-alert type='warning' title="Warning Alert" />
<m-alert type='danger' title="Danger Alert" />

With icon

info
Default Alert
info
Info Alert
check_circle
Success Alert
info
Warning Alert
highlight_off
Danger Alert
<m-alert title="Default Alert" showIcon />
<m-alert type='info' title="Info Alert" showIcon />
<m-alert type='success' title="Success Alert" showIcon />
<m-alert type='warning' title="Warning Alert" showIcon />
<m-alert type='danger' title="Danger Alert" showIcon />

With description

info
Default Alert
This is some description, not too long, just enough
info
Info Alert
This is some description, not too long, just enough
check_circle
Success Alert
This is some description, not too long, just enough
info
Warning Alert
This is some description, not too long, just enough
highlight_off
Danger Alert
This is some description, not too long, just enough
<m-alert title="Default Alert" description="This is some ddescription, not too long, just enough" showIcon />
<m-alert type="info" title="Info Alert" description="This is some ddescription, not too long, just enough" showIcon />
<m-alert type="success" title="Success Alert" description="This is some ddescription, not too long, just enough" showIcon />
<m-alert type="warning" title="Warning Alert" description="This is some ddescription, not too long, just enough" showIcon />
<m-alert type="danger" title="Danger Alert" description="This is some ddescription, not too long, just enough" showIcon />

Closable

info
Closable Alert, try to close me!
close me close me, dismiss me
highlight_off
Closable Alert, try to close me!
<m-alert type="info" title="Closable Alert, try to close me!" description="close me close me, dismiss me" showIcon closable />
<m-alert type="danger" title="Closable Alert, try to close me!" showIcon closable />