Card

Cards are containers for grouping related content and actions.

Import

import { Card } from "@gumtree/ui/Card";

Prop	Type	Default	Description
`title`	`string`	-	Card title displayed in the header
`bordered`	`boolean`	`false`	Add a border to the card
`actions`	`ComponentChildren`	-	Action buttons rendered in the card footer
`children`	`ComponentChildren`	-	Card body content

A simple card with a title and body content.

This is the card body content.

<Card title="Card Title">
  <p>This is the card body content.</p>
</Card>

Cards with a visible border.

This card has a border.

<Card title="Bordered" bordered>
  <p>This card has a border.</p>
</Card>

Cards can include action buttons in the footer.

Card with an action button.

<Card title="Actions" actions={<Button variant="primary">Action</Button>}>
  <p>Card with an action button.</p>
</Card>