Ant Design Blazor
Typography
Basic text writing, including headings, body text, lists, and more.
When To Use
- When need to display a title or paragraph contents in Articles/Blogs/Notes.
- When you need copyable/editable/ellipsis texts.
Examples
Display the document sample.
Display title in different level.
Provides multiple types of text and link.
Provide additional interactive capacity of editable and copyable.
Multiple line ellipsis support.
add suffix ellipsis support.
Typography API#
| Property | Description | Type | Default Value |
|---|---|---|---|
| Code | ParameterCode style | Boolean | false |
| Copyable | ParameterIf the text can be copied or not. Will add a copy icon to end of text if true. | Boolean | false |
| CopyConfig | ParameterConfigure what happens when copying | TypographyCopyableConfig | -- |
| Delete | ParameterStrikethrough style | Boolean | false |
| Disabled | ParameterDisabled style | Boolean | false |
| Editable | ParameterControl if editable or not | Boolean | false |
| EditConfig | ParameterConfigure editing | TypographyEditableConfig | -- |
| Ellipsis | ParameterDisplay ellipsis when text overflows. Should set width when ellipsis needed | Boolean | false |
| EllipsisConfig | ParameterConfigure ellipsis | TypographyEllipsisConfig | -- |
| Mark | ParameterHighlight the text | Boolean | -- |
| Underline | ParameterUnderline the text | Boolean | -- |
| Strong | ParameterBold the text | Boolean | -- |
| OnChange | ParameterCallback executed when the user edits the content | EventCallback<String> | -- |
| Type | ParameterContent type - styles text. Possible values: secondary, warning, danger | TextElementType? | -- |
| ChildContent | ParameterContent to wrap | RenderFragment | -- |
| Id | ParameterID for the component's HTML | String | Uniquely Generated ID |
| Class | ParameterSpecifies one or more class names for an DOM element. | String | -- |
| Style | ParameterSpecifies an inline style for a DOM element. | String | -- |
| RefBack | ParameterA ForwardRef instance. You can get a reference to the internal DOM by using AntDesign.ForwardRef.Current. |
ForwardRef | -- |
Text API#
| Property | Description | Type | Default Value |
|---|---|---|---|
| Keyboard | ParameterKeyboard style | Boolean | false |
| Code | ParameterCode style | Boolean | false |
| Copyable | ParameterIf the text can be copied or not. Will add a copy icon to end of text if true. | Boolean | false |
| CopyConfig | ParameterConfigure what happens when copying | TypographyCopyableConfig | -- |
| Delete | ParameterStrikethrough style | Boolean | false |
| Disabled | ParameterDisabled style | Boolean | false |
| Editable | ParameterControl if editable or not | Boolean | false |
| EditConfig | ParameterConfigure editing | TypographyEditableConfig | -- |
| Ellipsis | ParameterDisplay ellipsis when text overflows. Should set width when ellipsis needed | Boolean | false |
| EllipsisConfig | ParameterConfigure ellipsis | TypographyEllipsisConfig | -- |
| Mark | ParameterHighlight the text | Boolean | -- |
| Underline | ParameterUnderline the text | Boolean | -- |
| Strong | ParameterBold the text | Boolean | -- |
| OnChange | ParameterCallback executed when the user edits the content | EventCallback<String> | -- |
| Type | ParameterContent type - styles text. Possible values: secondary, warning, danger | TextElementType? | -- |
| ChildContent | ParameterContent to wrap | RenderFragment | -- |
| Id | ParameterID for the component's HTML | String | Uniquely Generated ID |
| Class | ParameterSpecifies one or more class names for an DOM element. | String | -- |
| Style | ParameterSpecifies an inline style for a DOM element. | String | -- |
| RefBack | ParameterA ForwardRef instance. You can get a reference to the internal DOM by using AntDesign.ForwardRef.Current. |
ForwardRef | -- |
Title API#
| Property | Description | Type | Default Value |
|---|---|---|---|
| Level | ParameterLevel of heading (ex: h1 would be 1). Must be between 1 and 5, inclusive. If outside that range it will default back to 1. | Int32 | 1 |
| Code | ParameterCode style | Boolean | false |
| Copyable | ParameterIf the text can be copied or not. Will add a copy icon to end of text if true. | Boolean | false |
| CopyConfig | ParameterConfigure what happens when copying | TypographyCopyableConfig | -- |
| Delete | ParameterStrikethrough style | Boolean | false |
| Disabled | ParameterDisabled style | Boolean | false |
| Editable | ParameterControl if editable or not | Boolean | false |
| EditConfig | ParameterConfigure editing | TypographyEditableConfig | -- |
| Ellipsis | ParameterDisplay ellipsis when text overflows. Should set width when ellipsis needed | Boolean | false |
| EllipsisConfig | ParameterConfigure ellipsis | TypographyEllipsisConfig | -- |
| Mark | ParameterHighlight the text | Boolean | -- |
| Underline | ParameterUnderline the text | Boolean | -- |
| Strong | ParameterBold the text | Boolean | -- |
| OnChange | ParameterCallback executed when the user edits the content | EventCallback<String> | -- |
| Type | ParameterContent type - styles text. Possible values: secondary, warning, danger | TextElementType? | -- |
| ChildContent | ParameterContent to wrap | RenderFragment | -- |
| Id | ParameterID for the component's HTML | String | Uniquely Generated ID |
| Class | ParameterSpecifies one or more class names for an DOM element. | String | -- |
| Style | ParameterSpecifies an inline style for a DOM element. | String | -- |
| RefBack | ParameterA ForwardRef instance. You can get a reference to the internal DOM by using AntDesign.ForwardRef.Current. |
ForwardRef | -- |
Paragraph API#
| Property | Description | Type | Default Value |
|---|---|---|---|
| Code | ParameterCode style | Boolean | false |
| Copyable | ParameterIf the text can be copied or not. Will add a copy icon to end of text if true. | Boolean | false |
| CopyConfig | ParameterConfigure what happens when copying | TypographyCopyableConfig | -- |
| Delete | ParameterStrikethrough style | Boolean | false |
| Disabled | ParameterDisabled style | Boolean | false |
| Editable | ParameterControl if editable or not | Boolean | false |
| EditConfig | ParameterConfigure editing | TypographyEditableConfig | -- |
| Ellipsis | ParameterDisplay ellipsis when text overflows. Should set width when ellipsis needed | Boolean | false |
| EllipsisConfig | ParameterConfigure ellipsis | TypographyEllipsisConfig | -- |
| Mark | ParameterHighlight the text | Boolean | -- |
| Underline | ParameterUnderline the text | Boolean | -- |
| Strong | ParameterBold the text | Boolean | -- |
| OnChange | ParameterCallback executed when the user edits the content | EventCallback<String> | -- |
| Type | ParameterContent type - styles text. Possible values: secondary, warning, danger | TextElementType? | -- |
| ChildContent | ParameterContent to wrap | RenderFragment | -- |
| Id | ParameterID for the component's HTML | String | Uniquely Generated ID |
| Class | ParameterSpecifies one or more class names for an DOM element. | String | -- |
| Style | ParameterSpecifies an inline style for a DOM element. | String | -- |
| RefBack | ParameterA ForwardRef instance. You can get a reference to the internal DOM by using AntDesign.ForwardRef.Current. |
ForwardRef | -- |