---
title: 文本面板
title_en: Panel
name: panel
publishDate: 2018-6-29
category: 1
order: 2
description: Panel 组件用于呈现表单结果及一些 kv 的文本展示场景
---

 何时使用

多组文本 kv 展示，多用于表单的结果的文本展示

 参数

# Panel

| 名称 | 描述       | 默认值     |
| ---- | ---------- | -------- |
align | label 对齐方式: `left` or `right` | `right`
column | 文本排列列数 `int < 24` | 2
customItem| 自定义Item ReactNode| null
hasColon | 是否有冒号 | true
fields | 每一项结果的数据集合 | Array[<Object>]
data | 总的数据集合 Object, 如果传了的话，用 `labelKey` `valueKey` 取值的逻辑会优先从field 中取，再从 data 从匹配 | null

# Panel.Item

| 名称 | 描述       | 默认值     |
| ---- | ---------- | -------- |
align | label 对齐方式: `left` or `right` | `right`
hasColon | 是否有冒号 | true
label | 文本名 | null
labelKey | 指定文本名的key | null
labelExtra | 文本名长度不够时，补充显示 | null
value | 结果值 | null
valueKey | 指定结果值的 key | null
valueExtra | 结果值长度不够试，补充显示 | null
valueItem | 自定义复杂 value | null