云策 WordPress 开发者社区

块编辑器开发文档

CardDivider

查看官方原文 ↗
💡 云策文档标注

概述

CardDivider 是 WordPress 组件库中的一个组件，用于在 Card 内部渲染可选的分隔线，通常用于分隔多个 CardBody 组件。

关键要点

  • CardDivider 继承自 Divider 组件的所有 Props。
  • 使用时需从 '@wordpress/components' 导入 Card、CardBody 和 CardDivider。

代码示例

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

const Example = () => (
    <Card>
        <CardBody>...</CardBody>
        <CardDivider />
        <CardBody>...</CardBody>
    </Card>
);
📄 原文内容

CardDivider renders an optional divider within a Card. It is typically used to divide multiple CardBody components from each other.

Usage

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

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

Props

Inherited props

CardDivider inherits all of the Divider props.