Text

This page contains examples of the usage of the Text component along different styling changes.

Default

In this example, the main set of Text styles using the RTE paragraph is shown.

This is h2 heading bold italic underlined

This is h3 heading: bold italic underlined

This is h4 heading: bold italic underlined

This is h5 heading: bold italic underlined

This is h6 heading: bold italic underlined

This is a normal paragraph: bold italic underlined Text with^Superscript Text with_Subscript

Link to internal page (right aligned)

Link to external page (right aligned)

Quote: Morbi dignissim lectus ut cursus condimentum. Phasellus nec lorem eros. Donec luctus metus sed aliquam semper. Cras tortor neque, pretium quis tincidunt non, condimentum id dui.

This is preformatted: donec non est erat. Morbi fermentum.

This is small text paragraph

Ordered List:

1. Quisque in eros nec nisi sagittis pulvinar.
   • Phasellus ut auctor ligula.
   • Maecenas dui nisl, tristique at tellus quis, facilisis euismod felis.
2. Sed ac arcu quam.
3. Proin imperdiet justo eget porta convallis.
4. Ut congue convallis odio, sed tincidunt urna tincidunt eget.

Bulleted list:

• Proin dapibus lectus lorem, sed mattis tortor feugiat pretium.
  
• Phasellus vel lectus lacinia, facilisis turpis in, convallis nunc.
• Vivamus sit amet tortor vel dolor suscipit feugiat in eu nibh.

Container and background styles

When the Text component is placed inside a container, its styles are adapted to the background colour of the container.