Image card
llms.txtExample
Full width
Hello World
Just wanted to say hello to everyone on this beautiful planet, been traveling a lot lately and wanted to share some of the places I've been to.
In a grid
Best places to visit
This is such a long description, that it will probably be cut off and truncated after the first two lines.
This card will show a toast when clicked
Traveling is fun
But this card is not clickable
Usage
<ImageCard src={'/image.jpg'} alt="" title="Card title" description="Card description" href="#" />
API Reference
ImageCard
A card component with an image, title, and optional description. Can be a link or clickable.
Property Type Description
src required
string
The image source URL.
alt required
string
Alt text for the card image.
title required
string
The card title.
description
string
Optional description text below the title. Default: —
href
string
When provided, the card renders as a link. Default: —
onclick
function
Click event handler. Default: —
class
string
Additional CSS classes to apply. Default: —
Property
src
alt
title
description
href
onclick
class