CardHeader 在 Card 内渲染一个可选的头部区域。

用法

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

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

属性

注意：此组件与 Card 的 Context 关联。size 和 isBorderless 属性的值源自 Card 父组件（如果存在）。在此组件上直接设置这些属性将覆盖任何派生的值。

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