Link Card
llms.txtExample
Usage
<LinkCard meta={{ title: "hi, i'm florian", image: 'https://flo-bit.dev/og.jpg' }} href="https://www.flo-bit.dev" />
API Reference
LinkCard
A rich preview card for URLs, displaying title, description, and media (image or video).
Property Type Description
meta required
object
The metadata for the link preview.
href
string
The URL the card links to. When provided, the card becomes clickable. Default: —
target
string
The link target attribute. Default:
'_blank'showMedia
boolean
Whether to show the image or video. Default:
trueshowTitle
boolean
Whether to show the title. Default:
trueshowDescription
boolean
Whether to show the description. Default:
falseshowDomain
boolean
Whether to show the domain name. Default:
trueshowGradient
boolean
Whether to show a gradient overlay on the media. Default:
truechildren
Snippet
Custom content to render inside the card. Default: —
class
string
Additional CSS classes to apply. Default: —
ref $bindable
HTMLDivElement
The underlying DOM element. Default: —
Property
meta
href
target
showMedia
showTitle
showDescription
showDomain
showGradient
children
class
ref