v0.5.1

Card Header

Reusable card header strip with title, description, avatar, and actions slots.

Project Atlas

Last updated 2h ago

Installation

npx paubha@latest add card-header

Usage

import { CardHeader } from "@/components/ui/card-header";
import { Button } from "@/components/ui/button";

<CardHeader
  title="Project Atlas"
  description="Last updated 2h ago"
  actions={<Button variant="secondary" size="sm">Edit</Button>}
/>

Examples

With avatar

Anna Chen

@annachen

Calendar

Date picker calendar with single and range selection.

Chart

Lightweight SVG charts, line, bar, area, and donut.

On this page

InstallationUsageExamplesWith avatar