Callout
Callouts provide presentation of content in a visually distinct manner. Includes a heading, icon and typically text-based content.
![Screenshot of component Callout Callout](/static/9d8248b27ce7dc7c765e6f5e6caeafa8/Callout-for-table-of-contents-desktop.png)
Usage
import { Callout } from '@blueprintjs/core'<Callout title ="Configuration Check" intent ="primary"> Before saving, make sure all settings are correct.</Callout >
Intent
Callouts have configurable intent settings. The default icon will match the intent specified, unless overriden.
![Screenshot of component Callout with-default-intent](/static/7ba8a06689986348f8e2aabc8a70b981/Callout-with-default-intent-desktop.png)
![Screenshot of component Callout with-primary-intent](/static/54b3b5c8673c5e98823423b53259c5b5/Callout-with-primary-intent-desktop.png)
![Screenshot of component Callout with-success-intent](/static/90fff4d89dfb5599c5d4db00e08374b2/Callout-with-success-intent-desktop.png)
![Screenshot of component Callout with-warning-intent](/static/2e433c4f2b6e9e5c8aa7ef9f0223108a/Callout-with-warning-intent-desktop.png)
![Screenshot of component Callout with-danger-intent](/static/68d3c09eb4bf29355ff7ffba348e663c/Callout-with-danger-intent-desktop.png)
<Callout title ="warning intent" intent ="warning"> You should remember to wear a warm jumper</Callout >
Icon
Add, or override, the icon by specifying the name of the icon as a string.
![Screenshot of component Callout with-icon](/static/2328e8cc97394189e599ce0584c84497/Callout-with-icon-desktop.png)
<Callout title ="Read before use" icon ="pulse"> Ensure the alert timeout setting is valid</Callout >