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'; }