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>