Skip to main content
Version: next

Callout

Since v1.0.0
View source

Callouts are similar to alerts, but it allows more content display and wannts to be less flashy.

A simple default callout message
A simple primary callout message
A simple secondary callout message
A simple success callout message
A simple danger callout message
A simple warning callout message
A simple info callout message
A simple dark callout message
A simple white callout message
<div class="c-callout">A simple default callout message</div>
<div class="c-callout c-callout--primary">A simple primary callout message</div>
<div class="c-callout c-callout--secondary">A simple secondary callout message</div>
<div class="c-callout c-callout--success">A simple success callout message</div>
<div class="c-callout c-callout--danger">A simple danger callout message</div>
<div class="c-callout c-callout--warning">A simple warning callout message</div>
<div class="c-callout c-callout--info">A simple info callout message</div>
<div class="c-callout c-callout--dark">A simple dark callout message</div>
<div class="c-callout c-callout--white">A simple white callout message</div>