设计组件库


排版

氨基酸

400

400 链接

400 斜体

500

500 链接

500 斜体

600

600 链接

600 斜体

自由富兰克林

400

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

400 斜体

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

500 常规

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

500 斜体

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

600 常规

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

600 斜体

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

显示特大尺寸

H1

氢气

H3

H4

H5

特大文本

大文本

段落文本

小文本


列表

有序列表

  1. 平面图软件:考虑使用数字平面图工具来可视化和操纵座位安排,从而帮助有效优化场地容量。在 Apple Store 或 Google Play 中快速搜索智能手机即可找到大量应用程序。其中一些应用程序具有增强现实功能,可帮助实现可视化。
  2. 第 2 项
  3. 第 3 项

无序列表

  • 平面图软件:考虑使用数字平面图工具来可视化和操纵座位安排,从而帮助有效优化场地容量。在 Apple Store 或 Google Play 中快速搜索智能手机即可找到大量应用程序。其中一些应用程序具有增强现实功能,可帮助实现可视化。
  • 第 2 项
  • 第 3 项

纽扣

主要按钮

主要按钮 - 主要 CTA、积极行动

辅助按钮

三级按钮

文本链接

句子带有 文本链接

中性按钮

主要中性按钮

次要中性按钮

第三中性按钮

白色按钮(用于深色背景)

主白色按钮

次要中性按钮

第三级白色按钮

白色文本链接

句子带有 文本链接



表单元素

复选框


  • 徽章

    有现货的颜色!

    有现货的颜色!

    类别


    芯片

    • A 级
    • B 级 ($)
    • C 级 ($$)
    • D 级 ($$$)
    • E 级 ($$$$)
    • F 级 ($$$$$)
    • G 级 ($$$$$$$)

    热点


    输入字段

    请填写此必填字段。
    请填写此必填字段。
    请填写此必填字段。
    请填写此必填字段。
    请填写此必填字段。

    分页



    工具提示

    工具提示

    带标题的工具提示

    微小的工具提示