Foundation - Callout


Callouts combine panels and alerts from Foundation 5 into one generic container component.

The following table lists the some of the Callout features −

Sr.No. Feature & Description
1 Basic Callout

It is used to put the content inside.

2 Coloring

You can color the callouts by using .secondary, .primary, .success, .warning or .alert classes.

3 Sizing

You can make the size of callouts small and large by using .small and .large classes.

4 Making Closable

Callouts can be closed by using the data-closable attribute.

5 Sass Reference

You can change the styles of the components by using SASS variables.