A great way to highlight important aspects of your content is to use callouts. These are typically expressed as tips or notes, though the specific language used should be consistent with your company’s brand.
This is an example of a standard note available in all themes. You can apply this style to any content by simply applying the
.note class name to a paragraph or container element.
Warning styles can help draw visitor attention to important information:
This is an example of a standard warning available in all themes. You can apply this style to any content by simply applying the
.warning class name to a paragraph or container element.
Different styles can be created using custom CSS or utilities.
This is an example of a custom notification using utilities. You can easily customize this to suit the look-and-feel of your theme or create your own.
Each style can be used with our set of font and SVG icons to add extra visual appeal.
Information that’s related to the main content of the page but more of an aside can be displayed within a box. As with all of our patterns, you can customize the appearance to meet your requirements using our utilities (for example, box shadows).
- This was an important point
- As was this
- And even this
- The final and most important point