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="/docs/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
🪧