[HOW TO] Notes, Alerts, Tips & More!

Your articles are super informative. Help your users even more by creating a visual language around your writing. From best practices to do's and don'ts, you can surround your text with easy tags to make the ideas instantly recognizable and consistent in the Help Center.

Text Enclosure Styles

Here are several ways to separate your text by the context of its message. Use the following code in the code editor () as a basis to easily put a sentence or whole block of text into one of these styled blocks.

 
Here is your text.

Just change the word "style" to one of these different styles below:

 

"tip"

Here's a great way to show the user great tips and tricks to remember.

Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. 

"important"

Use this in a dialogue of Do's and Don'ts or to tell the user that this is a new or preferred feature.

Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. 

"caution"

Warn the user of an action, setting or situation that may cause undesirable effects.

Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. 

"danger"

Use this in conjunction with "important" to create a list of Do's and Don'ts. Or tell users that something in the application has deprecated or is no longer valid.

Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. 

"notice"

This is a great way to highlight general information and set it apart from regular body copy.

Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. 

"note"

This is a good footnote style. It's smaller than regular body text, so it can act as good "fine print" when necessary.

Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways. Here is a bunch of text that I would like to highlight in different ways.