Text

This component displays content through basic text to the user.

This is text in Heading 1 styling.

This is text in Heading 2 styling.

This is text in Heading 3 styling.

This is text in Heading 4 styling.

This is text in Heading 5 styling.
This is text in Heading 6 styling.

This is text in Quote styling.

This is regular paragraph styling with an in-text link.

This is text in Preformatted styling.

  • This is to demonstrate bullet points.
  • This is to demonstrate bullet points.
  • This is to demonstrate bullet points.
  1. This is to demonstrate a numbered list.
  2. This is to demonstrate a numbered list.
  3. This is to demonstrate a numbered list.

 

This is an H1 Heading combined with text.

The hippopotamus, or common hippopotamus, is a large, mostly herbivorous, semiaquatic mammal and ungulate native to sub-Saharan Africa. It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  1. This is what a numbered list will look like with this.
  2. This is what a numbered list will look like with this.
  3. This is what a numbered list will look like with this.

It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  • This is what a bulleted list will look like with this.
  • This is what a bulleted list will look like with this.

 

This is an H2 Heading combined with text.

The hippopotamus, or common hippopotamus, is a large, mostly herbivorous, semiaquatic mammal and ungulate native to sub-Saharan Africa. It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  1. This is what a numbered list will look like with this.
  2. This is what a numbered list will look like with this.
  3. This is what a numbered list will look like with this.

It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  • This is what a bulleted list will look like with this.
  • This is what a bulleted list will look like with this.

 

This is an H3 Heading combined with text.

The hippopotamus, or common hippopotamus, is a large, mostly herbivorous, semiaquatic mammal and ungulate native to sub-Saharan Africa. It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  1. This is what a numbered list will look like with this.
  2. This is what a numbered list will look like with this.
  3. This is what a numbered list will look like with this.

It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  • This is what a bulleted list will look like with this.
  • This is what a bulleted list will look like with this.

 

This is an H4 Heading combined with text.

The hippopotamus, or common hippopotamus, is a large, mostly herbivorous, semiaquatic mammal and ungulate native to sub-Saharan Africa. It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  1. This is what a numbered list will look like with this.
  2. This is what a numbered list will look like with this.
  3. This is what a numbered list will look like with this.

It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  • This is what a bulleted list will look like with this.
  • This is what a bulleted list will look like with this.
 
This is an H5 Heading combined with text.

The hippopotamus, or common hippopotamus, is a large, mostly herbivorous, semiaquatic mammal and ungulate native to sub-Saharan Africa. It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  1. This is what a numbered list will look like with this.
  2. This is what a numbered list will look like with this.
  3. This is what a numbered list will look like with this.

It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  • This is what a bulleted list will look like with this.
  • This is what a bulleted list will look like with this.
 
This is an H6 Heading combined with text.

The hippopotamus, or common hippopotamus, is a large, mostly herbivorous, semiaquatic mammal and ungulate native to sub-Saharan Africa. It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  1. This is what a numbered list will look like with this.
  2. This is what a numbered list will look like with this.
  3. This is what a numbered list will look like with this.

It is one of only two extant species in the family Hippopotamidae, the other being the pygmy hippopotamus. The name comes from the ancient Greek for "river horse".

  • This is what a bulleted list will look like with this.
  • This is what a bulleted list will look like with this.

Usage Criteria

This component displays simple text and headers, and is a way to provide content to the user.

Do's and Don'ts

  • Do not separate headers in a separate text component. Headers can be styled and hosued within the same component its paragraph bodies.
  • Avoid relying too heavily on plain text. If content becomes lengthy, consider adding images or utilizing more visual components to make the page easier to read.

Design Notes

When looking to create multiple columns of content in a row (including text), consider using the Structure: Section Container component to edit the layout.

Configurable Options

This component offers various styling and formatting options for text, including header styles and number and bullet formatting. Much of these options are the same ones that can be found in a regular document editor.

Developer Notes

Type
Name
AEM Component Name

Text

Code Base Name

text

resourceSupertype

core/wcm/components/text/v2/text

SCSS Attributes

 

JavaScript
 
Status

Released (RC 1)

Version

Code Base v1.0