LinkPreview
A link preview component.
This component creates a link preview displaying the link text, an optional description and an optional OG image. It is geared towards displaying internal links, e.g. to a blog post. But it can also be used for external links.
This component cannot fetch link metadata on its own due to a browser’s same origin policy. Reading link metadata needs to be done server-side by the SvelteKit application that consumes this component.
Props
A LinkPreview component has the following properties:
| Prop | Required | Description |
|---|---|---|
value | yes | Link meta data of type LinkMeta. |
class | no | Additional Tailwind classes. |
Examples
Our biggest release yet.
I wasn't sure it would ever happen but we did it — we released a version of Tailwind CSS that includes text shadow utilities. Tailwind CSS v4.1 is here and it's packed with improvements that will help you (or your LLM, you coward) build even better interactive experiences.
We’re sharing the bigger motivation and business plan behind offering a free plan for cloud computing.
Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages.