CardBody Edit
CardBody
renders an optional content area for a Card
. Multiple CardBody
components can be used within Card
if needed.
Usage Usage
import { Card, CardBody } from '@wordpress/components'; const Example = () => ( <Card> <CardBody>...</CardBody> </Card> );
Props Props
Note: This component is connected to Card
‘s Context. The value of the size
prop is derived from the Card
parent component (if there is one). Setting this prop directly on this component will override any derived values.
isScrollable
: boolean
isScrollable
: boolean
Determines if the component is scrollable.
- Required: No
- Default:
false
isShady
: boolean
isShady
: boolean
Renders with a light gray background color.
- Required: No
- Default:
false
size
: string
size
: string
Determines the amount of padding within the component.
- Required: No
- Default:
medium
- Allowed values:
xSmall
,small
,medium
,large