Card #
import Card from '@ryanatkn/fuz/Card.svelte';
<Card>
just<br />
a card
</Card>
🪧
just
a card
a card
With a custom icon #
<Card>
custom<br />
icon
{#snippet icon()}📖{/snippet}
</Card>
📖
custom
icon
icon
As a link #
<Card href="/">
a<br />
link
</Card>
🔗
a
link
link
As the selected link #
<Card href="/library/card">
href is<br />
selected
</Card>
🔗
href is
selected
selected
With a custom HTML tag #
<Card tag="button">
custom<br />
tag
</Card>
With custom alignment #
<Card align="right">
align<br />
icon right
</Card>
align
icon right
icon right
🪧
<Card align="above">
align<br />
icon above
</Card>
🪧
align
icon above
icon above
<Card align="below">
align<br />
icon below
</Card>
align
icon below
icon below
🪧