Elements and Attributes

1 min read

Add Labels

If you have text content that you want to stand out in a certain way, it's possible to add labels for HTML5 and PDF output. They can be used for any purpose you need, and the names are only markers that will create a label of the designated color.

These labels are very similar to Bootstrap badges and labels for PDF output, and the HTML5 output creates just such labels.

Example 41. Example labels

Default label Primary label Success label Info label Warning label Danger label

Note

You should not use these labels instead of proper Admonitions (for example warning, caution , or note).

Tip

You can also:

To add a label to a para:

  1. Select the topic or component in the Content Manager to open it in the Editor.

    Alternatively, you can Create a Topic and edit that.

  2. Position the cursor in a para where the label is to be added.

  3. Press Alt + Enter ⏎ (Windows) or Command ⌘ + Enter ⏎ (Mac) to display the Element Context Menu.

  4. Enter phrase and select the element from the menu.

  5. Enter the text to be highlighted inside the phrase element (between the chevrons).

  6. Add the role attribute in the Element Attributes Panel.

  7. Set its value to one of the below:

    • label-default Default label

    • label-primary Primary label

    • label-success Success label

    • label-info Info label

    • label-warning Warning label

    • label-danger Danger label

  8. Select Save.