Image card
Examples
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
<script>
import { ImageCard } from 'fuchs';
</script>
<ImageCard src={'/image.jpg'} alt="" title="Card title" description="Card description" href="#" />
Image card
Examples
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
<script>
import { ImageCard } from 'fuchs';
</script>
<ImageCard src={'/image.jpg'} alt="" title="Card title" description="Card description" href="#" />