On this page

Typography

Em

Marks text to stress emphasis.

Em stresses a word or phrase, changing how the sentence reads. It renders a native em element, which conveys emphasis to assistive technology, and applies italic styling.

Em: Basic
Loading Em: Basic example

Em stays inline and inherits the surrounding typography. Use textWrap to control wrapping. Use lineClamp to constrain longer text.

Use <Text elementType="i"> when text only needs to look italic. Em tells assistive technology the text is stressed.

API

EmProps also accepts compatible DOM and ARIA attributes and event handlers for its rendered element.

NameTypeDefault
lineClamp
1 |⁠ 2 |⁠ 3 |⁠ 4 |⁠ 5 |⁠ boolean |⁠ undefined—

Clamps text lines. true clamps to 1 line; numeric values clamp to 1–5.

textWrap
"balance" |⁠ "default" |⁠ "pretty" |⁠ undefined'default'

Sets text wrapping behavior.