---
id: text
title: Text
---

Text displays words and characters at various sizes.

![Text](/react-native-elements/img/text.png)

```js
<Text h1>Heading 1</Text>
<Text h2>Heading 2</Text>
<Text h3>Heading 3</Text>
<Text h4>Heading 4</Text>
```

---

### Props

* [`fontFamily`](#fontfamily)
* [`h1`](#h1)
* [`h2`](#h2)
* [`h3`](#h3)
* [`h4`](#h4)
* [`style`](#style)

---

# Reference

### `fontFamily`

font family name (optional)

|  Type  | Default |
| :----: | :-----: |
| string |  none   |

---

### `h1`

font size 40 (optional)

|  Type   | Default |
| :-----: | :-----: |
| boolean |  none   |

---

### `h2`

font size 34 (optional)

|  Type   | Default |
| :-----: | :-----: |
| boolean |  none   |

---

### `h3`

font size 28 (optional)

|  Type   | Default |
| :-----: | :-----: |
| boolean |  none   |

---

### `h4`

font size 22 (optional)

|  Type   | Default |
| :-----: | :-----: |
| boolean |  none   |

---

### `style`

add additional styling for Text (optional)

|      Type      | Default |
| :------------: | :-----: |
| object (style) |  none   |