Text, Links, Lists
The Core Text Component is a rich text editor with in-place editing capabilities.
Heading Text H2
Heading Text H3
Heading Text H4
Heading Text H5
Eyebrows
Large Eyebrow
Medium Eyebrow
Small Eyebrow
See Breadcrumbs for that similar component using this particular eyebrow style above page titles.
Inverted Automatically
Inside paragraphs. Lorem ipsum inline text link dolor sit amet, consectetur adipiscing elit.
Paragraph Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget eros felis. Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla. Phasellus pretium, diam in fringilla mollis, lectus est sodales lacus, in posuere nisl diam quis nisl. Sed posuere laoreet lacus.
Paragraph Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget eros felis. Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla. Phasellus pretium, diam in fringilla mollis, lectus est sodales lacus, in posuere nisl diam quis nisl. Sed posuere laoreet lacus. Duis enim purus, tincidunt eu tempus ac, venenatis ut felis. Pellentesque euismod risus quis orci tempor, id volutpat enim posuere. Nullam id laoreet libero, a tincidunt tortor. Proin eget faucibus libero, auctor efficitur erat. Sed scelerisque convallis diam.
Paragraph Default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget eros felis. Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla. Phasellus pretium, diam in fringilla mollis, lectus est sodales lacus, in posuere nisl diam quis nisl. Sed posuere laoreet lacus. Duis enim purus, tincidunt eu tempus ac, venenatis ut felis. Pellentesque euismod risus quis orci tempor, id volutpat enim posuere. Nullam id laoreet libero, a tincidunt tortor. Proin eget faucibus libero, auctor efficitur erat. Sed scelerisque convallis diam.
Paragraph Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget eros felis. Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla. Phasellus pretium, diam in fringilla mollis, lectus est sodales lacus, in posuere nisl diam quis nisl. Sed posuere laoreet lacus. Duis enim purus, tincidunt eu tempus ac, venenatis ut felis. Pellentesque euismod risus quis orci tempor, id volutpat enim posuere. Nullam id laoreet libero, a tincidunt tortor. Proin eget faucibus libero, auctor efficitur erat. Sed scelerisque convallis diam.
Bulleted List
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Praesent eget eros felis.
- Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla.
- Phasellus pretium, diam in fringilla mollis, lectus est sodales lacus, in posuere nisl diam quis nisl.
Numbered List
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Praesent eget eros felis.
- Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla.
- Phasellus pretium, diam in fringilla mollis, lectus est sodales lacus, in posuere nisl diam quis nisl.
UXDIA Checkbox List Style
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Praesent eget eros felis.
- Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla.
- Phasellus pretium, diam in fringilla mollis, lectus est sodales lacus, in posuere nisl diam quis nisl.
See Icon Font Library for other icons that appear beside text.
Brand Accessible Red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget eros felis. Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla.
Pebble (Gray)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget eros felis. Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla.
White
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget eros felis. Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla.
Pull Quote
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget eros felis. Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla. Phasellus pretium, diam in fringilla mollis."
—Colleen R.
Training
The Text Component offers a robust rich text (RTE) editor that allows for easy text editing in a simplified, in-line editor as well as a full screen format.
The edit dialog features in-line editing with limited options, with full functionality available in the full-screen edit dialog. Using the design dialog text formatting options such as headings, special characters, and paragraph styles can be configured for the page type by the content author.
Training Video
Authoring Capability
Paragraph and List Font Size - The author has the ability to make the font either None, Small, Medium, or Large.
Text as Link Style - The author can set the link style. The styles they can choose from are as follows: None (which is blue underscore), Red Carrot Link, or Black Carrot Link (secondary link).
Font Color - If the background color is dark, the author can change the font color to white.
Eyebrow - This is used on Articles. The author can choose from three of the following: None, Primary (Large Articles), Standard (Media Articles), or Tertiary (Small Articles).
Banner - This field allows the author to add the lock icon for Members Only or the Rewards Start icon.
Vertical Margin - The author can add a Margin to the top of the text component or none at all.
Mega Menu - This functionality items are exclusively used for the Mega Menu build. The are used no where else.
AI Config - You can set this container for AI functionality or you can set it for curated container or none.