Callouts help break up the page flow by providing colorful boxes with text information to notifiy the user about something important on the page.
Displays a soft blue box with an info icon, useful for information based information.
<Info>This draws attention to useful page information.</Info>
Displays a yellow box with a warning icon, useful for warning the user about something.
<Warning>This draws attention to a warning they should take notice of.</Warning>
Displays a red box with an error icon, useful for loud pieces of information.
<Error>This draws attention to an error the user might run into if they don't pay attenion.</Error>
Displays a green box with a check icon, useful for showing the user they did something right.
<Success>This draws attention to a successful action the user has taken.</Success>