Card
A glass surface container for grouping related content.
Install
npx shadcn add @clearly/cardPreview
Usage
import { Card } from "@/components/ui/card"
<Card />Every Clearly component also accepts glass (subtle·medium·strong), specular and className.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
glass | "Subtle" | "Medium" | "Strong" | "Medium" | Glass depth (blur, refraction, dispersion). |
specular | boolean | true | Directional specular highlight. |
radius | number | 24 | Corner radius in px. |
size | "default" | "sm" | "default" | Content density. |