Card

A bordered container with title, description and footer.

CardProps packages/core/src/controls.ts:107 ↗

Import

import { Card } from "@tarve/core";

Usage

Card.tsx

import { Button, Card, Input } from "@tarve/core";

<Card title="Create project" description="Deploy your new project in one click." footer={<Button>Deploy</Button>}>
  <Input placeholder="Project name" />
</Card>

Props

Prop	Type	Default
`description`	`string`	—
`footer`	`Child`	—
`title`	`string`	—

Inherited from ViewProps 11 props

Prop	Type	Default
`align`	`Style["align"]`	—
`dismissOnOutside`	`boolean`	—
`dragRegion`	`boolean`	—
`flex`	`number`	—
`focusable`	`boolean`	—
`gap`	`number`	—
`justify`	`Style["justify"]`	—
`onOutsideClick`	`() => void`	—
`padding`	`Style["padding"]`	—
`portal`	`boolean`	—
`windowAction`	`"minimize" \| "toggleMaximize" \| "close"`	—

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle