CardBody 为 Card 渲染一个可选的内容区域。如有需要,可在 Card 内使用多个 CardBody 组件。

用法

import { Card, CardBody } from '@wordpress/components';

const Example = () => (
    <Card>
        <CardBody>...</CardBody>
    </Card>
);

属性

注意:此组件与 Card 的 Context 关联。size 属性的值源自 Card 父组件(如果存在)。直接在此组件上设置此属性将覆盖任何派生值。

isScrollable: boolean

确定该组件是否可滚动。

  • 必填:否
  • 默认值:false

isShady: boolean

以浅灰色背景色渲染。

  • 必填:否
  • 默认值:false

size: string | object

确定组件内的填充量。可以指定为单个尺寸令牌或对象。

  • 必填:否
  • 默认值:medium
  • 允许的值:
  • 单个尺寸令牌:none、xSmall、small、medium、large
  • 对象:
    {
      blockStart: 'none' | 'xSmall' | 'small' | 'medium' | 'large';
      blockEnd: 'none' | 'xSmall' | 'small' | 'medium' | 'large';
      inlineStart: 'none' | 'xSmall' | 'small' | 'medium' | 'large';
      inlineEnd: 'none' | 'xSmall' | 'small' | 'medium' | 'large';
    }