Library/Card

Card

Structural container for grouping related content and actions.

Simple Build

Interactive Preview

Initialising Operative...

Architecture

Component Architecture

Card/

Prop Usage

Prop	Type	Default	Description
`className`	`string`	—	Additional classes for the card wrapper.
`children`required	`React.ReactNode`	—	Card body content.

Usage

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/ui';

<Card>
  <CardHeader>
    <CardTitle>Hello World</CardTitle>
    <CardDescription>A short description</CardDescription>
  </CardHeader>
  <CardContent>
    <p>Your content goes here.</p>
  </CardContent>
  <CardFooter>
    <Button>Save</Button>
  </CardFooter>
</Card>