Typography排版
文本的基本格式。
何时使用
- 当需要展示标题、段落、列表内容时使用,如文章/博客/日志的文本样式。
- 当需要一列基于文本的基础操作时,如拷贝/省略/可编辑。
Examples
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 | -- |