mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-25 00:08:27 +08:00
c80136a9a7
* text with prefix * add edit style * support editable * enhance accessibility & type experience * optimize IME case * support copy * add locale * add secondary & disabled * add ellipsis shadow text * split to 3 components * update snapshot * update desc * change lines also need update ellipsis * skip aria when is in ellipsis * add ResizeObserver in _util * update snapshot * move TestBase into test file * update test case * update doc * fix typo * important => level * use rows * update demo cols to 1 * fix cssText not work in firefox * update doc * add miss point * support extendable * update snapshot * fix doc * copyable support string * update snapshot * update doc * update doc desc * adjust style * full test * reset after test * rename * update snapshot * fix compile * adjust style * update desc * update prefixCls * update margin * adjust * nest wrap of tag content * adjust style * update comment * rm % * one more thing * tmp of measure * merge string as children * update snapshot * update testcase * remove comment * use internal variable for configProvider passing * update snapshot * use expandable instead of extendable * less variable it * update demo * update less * adjust code & mark style * remove mark padding * update measure logic * support nest element style * use childNode.textContent to fix react 15 error * update css * popout Typography * add link style * adjust doc * use ellipsis instead of rows & expandable * update doc * update doc * update doc & style * fix typo * add css ellipsis support * client render * update snapshot * enhance copyable * support onExpand * update test case * add test of css ellipsis * fix logic in react 15 * rename onChange -> onSave * use tagName of article * fix lint
46 lines
752 B
Markdown
46 lines
752 B
Markdown
---
|
|
order: 2
|
|
title:
|
|
zh-CN: 文本组件
|
|
en-US: Text Component
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
内置不同样式的文本。
|
|
|
|
## en-US
|
|
|
|
Provides multiple types of text.
|
|
|
|
```jsx
|
|
import { Typography } from 'antd';
|
|
|
|
const { Text } = Typography;
|
|
|
|
ReactDOM.render(
|
|
<div>
|
|
<Text>Ant Design</Text>
|
|
<br />
|
|
<Text type="secondary">Ant Design</Text>
|
|
<br />
|
|
<Text type="warning">Ant Design</Text>
|
|
<br />
|
|
<Text type="danger">Ant Design</Text>
|
|
<br />
|
|
<Text disabled>Ant Design</Text>
|
|
<br />
|
|
<Text mark>Ant Design</Text>
|
|
<br />
|
|
<Text code>Ant Design</Text>
|
|
<br />
|
|
<Text underline>Ant Design</Text>
|
|
<br />
|
|
<Text delete>Ant Design</Text>
|
|
<br />
|
|
<Text strong>Ant Design</Text>
|
|
</div>,
|
|
mountNode
|
|
);
|
|
```
|