jc-biz-components/components/description-list/DescriptionList.js

jc component library based on Antd

import React from 'react'
import classNames from 'classnames'
import { Row } from 'antd'
// import styles from './index.less'

export default function DescriptionList({ className, title, col = 3, layout = 'horizontal', gutter = 32,
  children, size, ...restProps }) {
  const prefixCls = 'jc-description-list'
  const clsString = classNames(prefixCls, 'layout', className, {
    small: size === 'small',
    large: size === 'large',
  })
  const column = col > 4 ? 4 : col
  return (
    <div
      className={clsString}
      {...restProps}
    >
      {title ? <div className={`${this.props.prefixCls}-title`}>{title}</div> : null}
      <Row gutter={gutter}>
        {React.Children.map(children, child => React.cloneElement(child, { column }))}
      </Row>
    </div>
  )
}