mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-29 05:29:37 +08:00
Code Issues Actions 20 Packages Projects Releases Wiki Activity
4e9fc51dba
ant-design/components/typography/demo/ellipsis.md
zoomdong 4e9fc51dba
feat: add custom expand style for typography.paragraph (#24385) 
* feat: add custom expand style for typography.paragraph

* feat: delete filed-form

* fix: lint error

* feat: add test case

* fix: typo
2020-05-26 11:54:52 +08:00

1.5 KiB
Raw Blame History

order title
4
zh-CN en-US
省略号 Ellipsis

zh-CN

多行文本省略。

en-US

Multiple line ellipsis support.

import { Typography } from 'antd';

const { Paragraph } = Typography;

ReactDOM.render(
  <div>
    <Paragraph ellipsis>
      Ant Design, a design language for background applications, is refined by Ant UED Team. Ant
      Design, a design language for background applications, is refined by Ant UED Team. Ant Design,
      a design language for background applications, is refined by Ant UED Team. Ant Design, a
      design language for background applications, is refined by Ant UED Team. Ant Design, a design
      language for background applications, is refined by Ant UED Team. Ant Design, a design
      language for background applications, is refined by Ant UED Team.
    </Paragraph>

    <Paragraph ellipsis={{ rows: 3, expandable: true, symbol: 'more' }}>
      Ant Design, a design language for background applications, is refined by Ant UED Team. Ant
      Design, a design language for background applications, is refined by Ant UED Team. Ant Design,
      a design language for background applications, is refined by Ant UED Team. Ant Design, a
      design language for background applications, is refined by Ant UED Team. Ant Design, a design
      language for background applications, is refined by Ant UED Team. Ant Design, a design
      language for background applications, is refined by Ant UED Team.
    </Paragraph>
  </div>,
  mountNode,
);