---
title: "Text"
description: "The Text Component can be used to add Text with different Styles and additional List Options to a Page."
path: https://www.eonshowroom.eon.com/en/content-elements/text.html
lastModified: 2026-03-09T09:15:02.395Z
---

# Text

# Text

###### This is a Subheadline in Text Component.

Abstract is also possible - The European languages are members of the same family. Their separate existence is a myth science, music, sport, etc, Europe uses the same vocabulary.

Copy text is the default - he languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.


###### Subheadline for some List Elements

- Copy text is the default - he languages only differ in their grammar, their pronunciation and their most common words.
- To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words.
Then there is copy small text - To an English person, it will seem like simplified English, as a skeptical Cambridge friend of mine told me what Occidental is.The European languages are members of the same family. Their separate existence is a myth.

> Last but not least there can be a quote in copy which can be used for statements. The author of the quote can be added by using copy small.

> Jone Doe, 2021

[Info Icon Key: info-icon-1]

[Info Icon Aria Label: Tooltip]

[Info Icon Content Type: Experience fragment]

[Info Icon Content Start: info-icon-1]

## Opening on Hover

This is some Abstract Text

Followed by a Description Text - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

[Link to How-To](#how-to)

[Info Icon Content End: info-icon-1]

[How to Configure](#how-to)

### Description

The Text Component can be used to add Text with different Styles to a Page.

- Features Styles like Copy Text, Quotes, Lists and more
- A Component to add Information on a Page

[Check it out on Storybook](https://storybook.web-ui.eon.com/eon/master/?path=/story/content-rich-text-renderer--interactive)

### Inspirations

Our conscience cannot rest so long as **nearly 45 million Americans** don't have *health insurance* and the millions more who do are going bankrupt trying to pay for it. Contrary to the claims of some of my critics, black and white, I have never been so naive as to believe that we can get beyond our racial divisions in a single election cycle, or with a single candidacy - particularly a candidacy as imperfect as my own.

> I will cut taxes - cut taxes - for 95% of all working families.

> Max Mustermann

### Usage Rules & Features

##### Features

- Text can come with optional Tooltip
- Subscript and Superscript are possible
- Inline Links can be added

##### Properties

- Text can have different Styles, like Subheadline, Abstact, Copy, Copy Small, and Quote
- Text Alignment can be left, center, or right
- Text can have different highlights, like bold or italic

##### Design

- Use different Styles to structure Content

##### In which Grid Columns does it fit?

| Grid Columns | Does it fit? |
| --- | --- |
| 2 | not advisable |
| 3 | yes |
| 4 | yes |
| 5 | yes |
| 6 | yes |
| 8 | yes |
| 9 | yes |
| 10 | yes |
| 12 | not advisable |

### DO's

- Ensure Text Alignment corresponds with Content
- Use different Text Styles to structure the Text

### DONT's

- Don't use it often in 2 or 12 Column Grid as this is hard to read on Websites

## Configuration

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_Pattern_4-1%3A3-1?fmt=webp-alpha)

### Configure Style and Type

In the Text Field of the Editor Dialog for Text Component, Editor can enter the necessary Text.

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/text_properties%3A3-4?fmt=webp)

Text can be configured by marking the Passage and choosing the appropriate Styles, like:

- Bold
- Italic
- Subscript
- Superscript
- Different Alignments
- Listings (ordered / unordered)
- Indend Text
- Inline Link

Selecting "Enable Info Icon" Checkbox reveals a new Tab, called Info Icon. In this Tab, Editor can configure the Info Icon and choose a Path to an Experience Fragment of a Tooltip.

[Read More about configuring Tooltip](https://www.eonshowroom.eon.com/en/content-elements/tooltip.html)

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/text_list-options%3A3-4?fmt=webp)

Also complete Paragraph Styles are possible:

- Subheadline
- Abstract
- Copy Text
- Copy-Small Text
- Quotes
- Unordered & Ordered Lists

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/text_link%3A3-4?fmt=webp)

### Configure Links

By marking the specific Text Part, Editor can create an Inline Link.

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/text_color%3A3-4?fmt=webp)

### Adjust Color Scheme

By choosing a Color Scheme, only Subheadline of the Text Element will be changed.