Preview Card
Live example
Preview Card
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/preview-card.jsonAPI reference
These are the main Preview Card options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
open / defaultOpen | boolean | false |
href | string (trigger) | — |
Supplemental content
A preview card provides non-essential context for its link trigger. Keep the actual destination clear. Use a dialog or popover when users must interact with detailed content.