ant-design/components/typography/index.en-US.md

category	type	title	cols	cover
Components	General	Typography	1	https://gw.alipayobjects.com/zos/alicdn/GOM1KQ24O/Typography.svg

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.

API

Typography.Text

Property	Description	Type	Default	Version
code	Code style	boolean	false
copyable	Whether to be copyable, customize it via setting an object	boolean | { text: string, onCopy: function, icon: ReactNode, tooltips: [ReactNode, ReactNode] }	false	icon and tooltips: 4.4.0
delete	Deleted line style	boolean	false
disabled	Disabled content	boolean	false
editable	If editable. Can control edit state when is object	boolean | { editing: boolean, maxLength: number, autoSize: true | false | { minRows: number, maxRows: number }, onStart: function, onChange: function(string) }	false	maxLength and autoSize: 4.6.0
ellipsis	Display ellipsis when text overflows. Should set width when ellipsis needed	boolean	false
mark	Marked style	boolean	false
keyboard	Keyboard style	boolean	false	4.3.0
underline	Underlined style	boolean	false
onChange	Trigger when user edits the content	function(string)	-
strong	Bold style	boolean	false
type	Content type	secondary | warning | danger	-

Typography.Title

Property	Description	Type	Default	Version
code	Code style	boolean	false
copyable	Whether to be copyable, customize it via setting an object	boolean | { text: string, onCopy: function, icon: ReactNode, tooltips: [ReactNode, ReactNode] }	false	icon and tooltips: 4.4.0
delete	Deleted line style	boolean	false
disabled	Disabled content	boolean	false
editable	If editable. Can control edit state when is object	boolean | { editing: boolean, maxLength: number, autoSize: true | false | { minRows: number, maxRows: number }, onStart: function, onChange: function(string) }	false	maxLength and autoSize: 4.6.0
ellipsis	Display ellipsis when text overflows. Can configure rows and expandable by using object	boolean | { rows: number, expandable: boolean, onExpand: function(event), onEllipsis: function(ellipsis) }	false	onEllipsis: 4.2.0
level	Set content importance. Match with h1, h2, h3, h4, h5	number: 1, 2, 3, 4, 5	1	5: 4.6.0
mark	Marked style	boolean	false
underline	Underlined style	boolean	false
onChange	Trigger when user edits the content	function(string)	-
type	Content type	secondary | warning | danger	-

Typography.Paragraph

Property	Description	Type	Default	Version
code	Code style	boolean	false
copyable	Whether to be copyable, customize it via setting an object	boolean | { text: string, onCopy: function, icon: ReactNode, tooltips: [ReactNode, ReactNode] }	false	icon and tooltips: 4.4.0
delete	Deleted line style	boolean	false
disabled	Disabled content	boolean	false
editable	If editable. Can control edit state when is object	boolean | { editing: boolean, maxLength: number, autoSize: true | false | { minRows: number, maxRows: number }, onStart: function, onChange: function(string) }	false	maxLength and autoSize: 4.6.0
ellipsis	Display ellipsis when text overflows. Can configure rows expandable and suffix by using object	boolean | { rows: number, expandable: boolean, suffix: string, symbol: React.ReactNode, onExpand: function(event), onEllipsis: function(ellipsis) }	false	onEllipsis: 4.2.0
mark	Marked style	boolean	false
underline	Underlined style	boolean	false
onChange	Trigger when user edits the content	function(string)	-
strong	Bold style	boolean	false
type	Content type	secondary | warning | danger	-

FAQ

How to use Typography.Link in react-router?

react-router support customize render component:

<Link to="/" component={Typography.Link} />