Text

Use the text component to add any body text to a screen

There are 4 sizes, medium being default

Text illustration 1

1. XLarge

Text illustration 2

2. Large

Text illustration 3

3. Medium

Text illustration 4

4. Small

Usage

Text usage illustration 1

Do not use text:

To create lists, instead use the list component

For writing headings, instead use the heading component

Text usage illustration 2

Avoid using the italic style which isn’t included in the OVO Circular font.

Available platforms

Platform	Available
Figma	v1+
Web (@ovotech/element)	v1+
App (@ovotech/element-native)	v1+

Heading

Display

External links

Join the community

For the latest features, asking questions and seeing how people are using Element across OVO experiences, join our Slack channel.

Resources

Support