Text
The text component allows the display of a rich text paragraph on the page with various formatting options available. Type formatting options are provided in the rich text editor (bold, underline, italic, subscript, and superscript). It is also where an author can select pre-defined paragraph styles such as our default and XXL styles.
When to use
-
For body text content
-
Single column ordered or unordered lists
-
Inline links and tooltips
When not to use
-
For multi-column lists consider using simple list component instead
Anatomy
- Standard rich text editor options
- Predefined paragraph styles
- Action to add tooltips to content
Demos & variations
Standard paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet id donec ultrices tincidunt arcu non sodales neque. Cras tincidunt lobortis feugiat vivamus. Sed felis eget velit aliquet sagittis id. Diam maecenas ultricies mi eget mauris pharetra. Commodo viverra maecenas accumsan lacus vel facilisis volutpat est velit. Nisl vel pretium lectus quam. Velit sed ullamcorper morbi tincidunt ornare massa.
Ordered list
- Apples
- Oranges
- Bananas
- Strawberries
Unordered list
- Apples
- Oranges
- Bananas
- Strawberries
Inline links and tooltips
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet id donec ultrices tincidunt arcu non sodales neque. Cras tincidunt lobortis feugiat vivamus. Sed felis eget velit aliquet sagittis id. Diam maecenas ultricies mi eget mauris pharetra. Commodo viverra maecenas accumsan lacus vel facilisis volutpat est velit. Nisl vel pretium lectus quam. Velit sed ullamcorper morbi tincidunt ornare massa.