ant-design/components/typography/demo/text.md
zombieJ c80136a9a7
New Component: Typography (#14250)
* 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
2019-02-19 11:42:05 +08:00

752 B

order title
2
zh-CN en-US
文本组件 Text Component

zh-CN

内置不同样式的文本。

en-US

Provides multiple types of text.

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
);