← 所有版型

联系卡 <ContactPanel />

一张深色大圆角卡：左边标题、导语和承诺勾选项，右边一张白卡列出联系方式或入口，底部一条黑色行动条。

版型與風格的說明目前僅提供簡體中文。

分組
收尾 · 下一步怎么找到你
元件
ContactPanel · #contact-panel

適合

  • 演示最后一页，给出明确的下一步
  • 销售、合作、招募的收尾

不適合

  • 没有真实可用的联系方式：用 Closing
  • 需要放二维码：用 Thanks

內容上限

1title ≤ 2 行 × 10 字
2lead ≤ 50 字
3checks 2–3 条，每条 ≤ 18 字
4fields 2–4 项：label ≤ 8 字，value ≤ 28 个字符，只写真实地址
5action ≤ 14 字

欄位

欄位型別
kicker · 必填string小节名
title · 必填string | string[]标题
leadstring导语
checksstring[]承诺
fields · 必填{ icon, label, value }[]联系方式
action · 必填string行动条文字

範例程式碼

<ContactPanel
  kicker="开始用"
  title={['挑一种风格，', '写下一份演示']}
  fields={[{ icon: 'gallery', label: '组件库', value: '#/kit' }]}
  action="打开组件库挑风格"
/>