Callouts

Attention-drawing callout blocks using the data-callout attribute.

Add data-callout="<type>" to any block element to style it as a callout. Four types are available: note, tip, warning, and error. No extra classes needed.

Inline Demo

Note — General information worth highlighting.

Tip — A helpful suggestion or best practice.

Warning — Something to watch out for.

Error — A critical issue or destructive action.