Webmail

Text component

Usage

The text component allows the display of a rich text paragraph on the page.

Go to Anchor

References

Examples

Simple paragraph of text with no formatting applied

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu mi bibendum neque egestas congue quisque egestas. Varius morbi enim nunc faucibus a pellentesque. Scelerisque eleifend donec pretium vulputate sapien nec sagittis.

Type formatting

Bold can be used to emphasize a word or phrase, as can underline and italics. Superscript and subscript are useful for mathematical (E = mc2) or scientific (h2O) expressions. Paragraph styles can provide alternative renderings, such as quote sections:

"Be yourself; everyone else is already taken"

A StrikeTrough can be used for promotions.

Styles

New styles
Body regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Body small

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Body large

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Caption small

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Caption bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Old styles
Small (use body small)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Page description (use body large)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Disclaimer heading (use caption)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Disclaimer body (use caption small)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Horizontal line

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Linking

Lists

Ordered list

Numbered list
  1. List Item 1
    1. List Item 2.1
  2. List item 3
  3. List item 4
Ordered highlight
  1. List Item
  2. List Item 
  3. List item
  4. List item

Do you still have questions?

Unordered list

Bullet points
  • List Item 1
  • List Item 2
  • List item 3
  • List item 4
Primary tick
  • List Item 1
  • List Item 2
  • List item 3
  • List item 4