Skip to main content

Ellipsis 文本省略

展示空间不足时,隐去部分内容并用“...”替代。


组件类型

省略号

--

展开收起

--

组件状态

--

组件尺寸

--

何时使用

  • 文本内容长度或高度超过列宽或行高。
  • 图表中空间有限,文本内容无法完全显示。
  • 自适应调整时宽度变小。

应用场景

--

文案规范

简体中文繁体中文英文
展开展開Expand
收起收起Collapse

设计资源

类型资源状态
设计Design Kit (Figma)
StorybookStorybook

设计指南

--

API 参考

属性说明类型默认值
aria-label按钮的标签string-

设计变量

变量默认值用法
$transition_duration-button_primary-bgvar(--kpay-transition_duration-none)主要按钮-背景色-动画持续时间