<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p class="text__underline">This line of text will render as underlined</p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>
The designers style guide (built by Stroomt) has a typography section with specific typography styling for Nijmegen.
The custom inline text elements, as defined in the style guide, can be seen in the preview panel.
Make sure you choose the correct semantic element to improve accessibility.
More info about the elements:
<del> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del<s> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/s<ins> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u<small> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/small<strong> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong<em> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/emWe intentionally used a class to underline text since the <u> element is not meant to be used for that, see: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u.
No additional actions, aside from the markup, are needed to use this component.