OOratiq

Card

Ready

Grouped content surface.

Ultimate Workout

An eight-week strength programme.

Four sessions a week with progressive overload and a deload in week five.

Installation

$ npx @oratiq-js/ui add card

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import
import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, /* … */ } from "@/components/ui/card";

Anatomy

Ultimate Workout

An eight-week strength programme.

Four sessions a week, progressive overload, with deload in week five.

Variants

Default

default

Elevated

elevated

Outline

outline

Interactive

interactive

View source on GitHub → components/ui/card.tsx