fe/src/lib/Card.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<script lang="ts">
  export let title = "";
</script>

<div class="card">
  {#if title}
    <h2>{title}</h2>
  {/if}
  <slot />
</div>

<style>
  .card {
    background: #fff;
    width: 16rem;
    display: flex;
    flex-direction: column;
    align-items: left;
    border: solid 2px #00000066;
    border-radius: 0.25em;
  }
</style>