GitHub

Image card

Examples

Full width

Nature 1

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

Nature 1

Best places to visit

This is such a long description, that it will probably be cut off and truncated after the first two lines.

Nature 2

This card will show a toast when clicked

Nature 3

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="#" />