Card

- usage

My awesome Paper card!

nice looking subtitle

Card Content

<Card title="My awesome Paper card!"
      subTitle="nice looking subtitle"
      image="https://picsum.photos/768">
  Card Content
  {#snippet bottom()}
    <Button>Check it out</Button>
  {/snippet}
</Card>

- image placement

My awesome Paper card!

nice looking subtitle

Card Content

<Card title="My awesome Paper card!"
      subTitle="nice looking subtitle"
      imagePlacement="bottom"
      image="https://picsum.photos/768">
  Card Content
</Card>

- header and footer

Use either props...

My awesome Paper card!

Card Content

or snippets :)
<Card class="rounded-paper" title="My awesome Paper card!" header="Use either props...">
  Card Content
  {#snippet footer()}or snippets :){/snippet}
</Card>

API

Source code: Card.svelte