Notes & Alerts

In addition to the standard HTML tags, Flatiron includes some methods of its own for styling content attractively and effectively.

Notes

Often, its helpful to highlight a specific portion of your content, such as a download link or a key point. To facilitate this, Flatiron provides the “alert” class, which should be applied to a div.

This is an example of a note.

Notes do not break the vertical rhythm of your content, and can be applied very easily. The code for the above line is:
<div class="note">This is an example of a note.</div>

Alerts

Alerts are similar to notes, but project a sense of greater urgency. An alert is best used for important information such as an error message or a breaking news alert.

This is an example of an alert.

Like notes, alerts do not break the vertical rhythm of your content, and can be applied very easily. The code for the above line is:
<div class="alert">This is an example of an alert.</div>

Flatiron is free to use, and can be downloaded here.

Leave a Reply