Skip to content
Get Pro

Link Preview

A horizontal link preview with an image, seller details, and optional product pricing and ratings.

Loading component preview…

Installation

Add the component source directly to your project.

pnpm dlx shadcn@latest add https://pastaui.com/r/link-preview.json

API reference

Link Preview

Link Preview properties
PropTypeDefaultDescription
urlstringIdentifies the destination and displayed hostname.
imageSrcstringDisplays an optional preview image.
pricestringDisplays a formatted price, including its currency.
sellerstringDisplays the seller beside the site name.
ratingnumberDisplays a star rating out of five.
reviewCountstringDisplays the formatted review count beside the rating.
onOpen() => voidOpens the destination.