Skip to content

Typography 排版

文本的基本格式。

何时使用

  • 当需要展示标题、段落、列表内容时使用,如文章/博客/日志的文本样式。
  • 当需要一列基于文本的基础操作时,如拷贝/省略/可编辑。

基本使用

展示文档样例。

标题组件

展示不同级别的标题。

文本与超链接组件

内置不同样式的文本以及超链接组件。

省略号

多行文本省略。

可交互

提供可复制等额外的交互能力。可通过copyable.icon属性来指定复制图标。并通过on:copy监听复制事件

Typography Props 属性

属性说明类型默认值版本
tag组件渲染元素标签stringarticle
属性说明类型默认值版本
title元素title属性string-
copyable是否可拷贝,为对象时可进行各种自定义boolean | CopyConfig false
type是否可拷贝,为对象时可进行各种自定义BaseType-
disabled禁用文本booleanfalse
ellipsis自动溢出省略boolean | EllipsisConfigfalse
underline添加下划线样式booleanfalse
deleted添加删除线样式booleanfalse
strong是否加粗booleanfalse
italic是否斜体booleanfalse

Typography.Text Props 属性

属性说明类型默认值版本
tag组件渲染元素标签stringspan
keyboard添加键盘样式booleanfalse
mark添加标记样式booleanfalse
属性说明类型默认值版本
href跳转地址string-
targeta标签的target属性string_self

Typography.Title Props 属性

属性说明类型默认值版本
keyboard添加键盘样式booleanfalse
mark添加标记样式booleanfalse

Events 事件

事件说明类型
click点击事件MouseEventHandler<T>
copy拷贝事件() => void

Slots 插槽

插槽名说明
default自定义默认内容