DescriptionList描述列表

成组展示多个只读字段，常见于详情页的信息展示。

引用方式：

import DescriptionList from 'ant-design-pro/lib/DescriptionList';

详细使用方式请参照：独立使用 pro 组件

代码演示

基本

基本描述列表。

import DescriptionList from 'ant-design-pro/lib/DescriptionList';
const { Description } = DescriptionList;
ReactDOM.render(
  <DescriptionList size="large" title="title">
    <Description term="Firefox">
      A free, open source, cross-platform, graphical web browser developed by the Mozilla
      Corporation and hundreds of volunteers.
    </Description>
    <Description term="Firefox">
      A free, open source, cross-platform, graphical web browser developed by the Mozilla
      Corporation and hundreds of volunteers.
    </Description>
    <Description term="Firefox">
      A free, open source, cross-platform, graphical web browser developed by the Mozilla
      Corporation and hundreds of volunteers.
    </Description>
  </DescriptionList>,
  mountNode
);

垂直型

垂直布局。

import DescriptionList from 'ant-design-pro/lib/DescriptionList';
const { Description } = DescriptionList;
ReactDOM.render(
  <DescriptionList size="large" title="title" layout="vertical">
    <Description term="Firefox">
      A free, open source, cross-platform, graphical web browser developed by the Mozilla
      Corporation and hundreds of volunteers.
    </Description>
    <Description term="Firefox">
      A free, open source, cross-platform, graphical web browser developed by the Mozilla
      Corporation and hundreds of volunteers.
    </Description>
    <Description term="Firefox">
      A free, open source, cross-platform, graphical web browser developed by the Mozilla
      Corporation and hundreds of volunteers.
    </Description>
  </DescriptionList>,
  mountNode
);

API

DescriptionList

响应式规则

DescriptionList.Description