logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Typography排版

文本的基本格式。

何时使用

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

Examples

展示文档样例。

expand code expand code

展示不同级别的标题。

expand code expand code

内置不同样式的文本。

expand code expand code

提供可编辑和可复制等额外的交互能力。

expand code expand code

多行文本省略。

expand code expand code

添加后缀的省略。

expand code expand code

Typography API#

属性 描述 类型 默认值
Code 属性代码样式 Boolean false
Copyable 属性文本是否可以复制。如果为真,将在文本末尾添加一个复制图标。 Boolean false
CopyConfig 属性配置复制时发生的情况 TypographyCopyableConfig --
Delete 属性删除线样式 Boolean false
Disabled 属性残疾人风格 Boolean false
Editable 属性控制是否可编辑 Boolean false
EditConfig 属性配置编辑 TypographyEditableConfig --
Ellipsis 属性文本溢出时显示省略号。需要省略号时应设置宽度 Boolean false
EllipsisConfig 属性配置省略号 TypographyEllipsisConfig --
Mark 属性突出显示文本 Boolean --
Underline 属性在文本下划线 Boolean --
Strong 属性加粗文本 Boolean --
OnChange 属性用户编辑内容时执行的回调 EventCallback<String> --
Type 属性内容类型 - 样式文本。可能的值:次要、警告、危险 String --
ChildContent 属性要包装的内容 RenderFragment --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --

Text API#

属性 描述 类型 默认值
Keyboard 属性键盘样式 Boolean false
Code 属性代码样式 Boolean false
Copyable 属性文本是否可以复制。如果为真,将在文本末尾添加一个复制图标。 Boolean false
CopyConfig 属性配置复制时发生的情况 TypographyCopyableConfig --
Delete 属性删除线样式 Boolean false
Disabled 属性残疾人风格 Boolean false
Editable 属性控制是否可编辑 Boolean false
EditConfig 属性配置编辑 TypographyEditableConfig --
Ellipsis 属性文本溢出时显示省略号。需要省略号时应设置宽度 Boolean false
EllipsisConfig 属性配置省略号 TypographyEllipsisConfig --
Mark 属性突出显示文本 Boolean --
Underline 属性在文本下划线 Boolean --
Strong 属性加粗文本 Boolean --
OnChange 属性用户编辑内容时执行的回调 EventCallback<String> --
Type 属性内容类型 - 样式文本。可能的值:次要、警告、危险 String --
ChildContent 属性要包装的内容 RenderFragment --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --

Title API#

属性 描述 类型 默认值
Level 属性标题级别(例如:h1 为 1)。必须介于 1 和 4 之间(含)。如果超出该范围,它将默认返回到 1。 Int32 1
Code 属性代码样式 Boolean false
Copyable 属性文本是否可以复制。如果为真,将在文本末尾添加一个复制图标。 Boolean false
CopyConfig 属性配置复制时发生的情况 TypographyCopyableConfig --
Delete 属性删除线样式 Boolean false
Disabled 属性残疾人风格 Boolean false
Editable 属性控制是否可编辑 Boolean false
EditConfig 属性配置编辑 TypographyEditableConfig --
Ellipsis 属性文本溢出时显示省略号。需要省略号时应设置宽度 Boolean false
EllipsisConfig 属性配置省略号 TypographyEllipsisConfig --
Mark 属性突出显示文本 Boolean --
Underline 属性在文本下划线 Boolean --
Strong 属性加粗文本 Boolean --
OnChange 属性用户编辑内容时执行的回调 EventCallback<String> --
Type 属性内容类型 - 样式文本。可能的值:次要、警告、危险 String --
ChildContent 属性要包装的内容 RenderFragment --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --

Paragraph API#

属性 描述 类型 默认值
Code 属性代码样式 Boolean false
Copyable 属性文本是否可以复制。如果为真,将在文本末尾添加一个复制图标。 Boolean false
CopyConfig 属性配置复制时发生的情况 TypographyCopyableConfig --
Delete 属性删除线样式 Boolean false
Disabled 属性残疾人风格 Boolean false
Editable 属性控制是否可编辑 Boolean false
EditConfig 属性配置编辑 TypographyEditableConfig --
Ellipsis 属性文本溢出时显示省略号。需要省略号时应设置宽度 Boolean false
EllipsisConfig 属性配置省略号 TypographyEllipsisConfig --
Mark 属性突出显示文本 Boolean --
Underline 属性在文本下划线 Boolean --
Strong 属性加粗文本 Boolean --
OnChange 属性用户编辑内容时执行的回调 EventCallback<String> --
Type 属性内容类型 - 样式文本。可能的值:次要、警告、危险 String --
ChildContent 属性要包装的内容 RenderFragment --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
Icon图标 Divider分割线
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.