使用法

  1. import { Card, CardHeader } from '@wordpress/components';
  2. const Example = () => (
  3. <Card>
  4. <CardHeader>...</CardHeader>
  5. <CardBody>...</CardBody>
  6. </Card>
  7. );

プロパティ

注意: このコンポーネントは Cardのコンテキスト に接続されています。 size および isBorderless プロパティの値は、Card 親コンポーネントから派生します(存在する場合)。 これらのプロパティをこのコンポーネントに直接設定すると、派生値が上書きされます。

isBorderless: boolean

境界線なしでレンダリングします。

  • 必須: いいえ
  • デフォルト: false

isShady: boolean

薄い灰色の背景色でレンダリングします。

  • 必須: いいえ
  • デフォルト: false

size: string

コンポーネント内のパディングの量を決定します。

  • 必須: いいえ
  • デフォルト: medium
  • 許可される値: xSmall, small, medium, large