Card #

import Card from '@ryanatkn/fuz/Card.svelte';
<Card>
  just<br />
  a card
</Card>
🪧
just
a card

With a custom icon
#

<Card>
  custom<br />
  icon
  {#snippet icon()}📖{/snippet}
</Card>
📖
custom
icon

As a link
#

<Card href="/">
  a<br />
  link
</Card>
🔗
a
link

As the selected link
#

<Card href="/library/card">
  href is<br />
  selected
</Card>
🔗
href is
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
🪧
<Card align="above">
  align<br />
  icon above
</Card>
🪧
align
icon above
<Card align="below">
  align<br />
  icon below
</Card>
align
icon below
🪧