---
sourceType: official-guide
sourceTypeMatchedRule: fallback
slug: MA/zaui/display/Text
title: Text
---
```ts
import { Text } from "zmp-ui";
```


Dùng để hiển thị dữ liệu văn bản.

### Hướng dẫn sử dụng

## Ví dụ



## Bảng thuộc tính


### BodyTextProps

| Tên | Type | Required | Default | Mô tả |
| --- | --- | --- | --- | --- |
| size | 'xLarge' \| 'large' \| 'normal' \| 'small' \| 'xSmall' \| 'xxSmall' \| 'xxxSmall' \| 'xxxxSmall' | No |  | Độ lớn của text |
| children | React.ReactNode | No |  | Nội dung văn bản cần hiển thị bên trong text |
| bold | boolean | No | false | In đậm text |

### HeaderTextProps

| Tên | Type | Required | Default | Mô tả |
| --- | --- | --- | --- | --- |
| size | 'normal' \| 'small' | No |  | Độ lớn của chỉ mục |
| children | React.ReactNode | No |  | Nội dung văn bản cần hiển thị bên trong chỉ mục |

### TitleTextProps

| Tên | Type | Required | Default | Mô tả |
| --- | --- | --- | --- | --- |
| size | 'xLarge' \| 'large' \| 'normal' \| 'small' | No |  | Độ lớn của tiêu đề |
| children | React.ReactNode | No |  | Nội dung văn bản cần hiển thị bên trong tiêu đề |

### Tiêu chuẩn thiết kế

{/* inline-mdx: ../specs/Text.mdx (from .sources/zmp-docs/zaui-react_versioned_docs/version-1.11.0/display/Text.mdx) */}

Hiện tại, chưa có font chữ riêng cho Zalo.
Font sans-serif mặc định của các OS được sử dụng cho chữ trên giao diện của Zalo.

| OS      | Font famiy                                                      |
| ------- | --------------------------------------------------------------- |
| iOS     | SF Pro Text SF Pro Display SF UI Text SF UI Display |
| Android | Roboto                                                          |

---

#### Header Text

Sử dụng heading cho banner, pop up, bottomsheet,...






#### Body Text

Body text là phần nội dung chính thường dùng để truyền đạt nội dung

















{/* inline-mdx: end ../specs/Text.mdx */}