Link Preview Card
URL preview card with a gradient icon, title, domain and description, plus a copy-link button showing Copied for 1.5s.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
LinkPreviewCardProps
Also accepts all props of Omit<React.ComponentProps<"div">, "title">
| Prop | Type | Default | Description |
|---|---|---|---|
| url* required | string | — | — |
| title* required | string | — | — |
| description | string | — | — |
| iconClassName | string | "from-orange-400 to-pink-600" | Tailwind gradient utilities for the favicon-like square |
Install
$ npx shadcn@latest add https://chromotion.dev/r/link-preview-card.json