this is a warning banner


<pre class="fd-callout fd-callout--warning">this is a warning banner</pre>


this is a tip banner


<pre class="fd-callout fd-callout--tip">this is a tip banner</pre>


this is a note banner


<pre class="fd-callout fd-callout--note">this is a note banner</pre>


this is an info banner


<pre class="fd-callout fd-callout--info">this is an info banner</pre>


this is an idea banner

<pre class="fd-callout fd-callout--idea">this is an idea banner</pre>