mirror of
https://github.com/woutdp/live_svelte
synced 2026-05-24 09:28:21 +00:00
16 lines
516 B
Svelte
16 lines
516 B
Svelte
<script>
|
|
let {color, index} = $props()
|
|
console.log(color)
|
|
</script>
|
|
|
|
<div
|
|
class:bg-white={color === "white"}
|
|
class:border-[var(--color-brand)]={color === "white"}
|
|
class:border-red-500={color === "red"}
|
|
class:bg-red-500={color === "red"}
|
|
class:text-white={color === "red"}
|
|
class="flex flex-col justify-center items-center p-4 w-100 border rounded-md shadow-lg"
|
|
>
|
|
<div class="font-bold p-1 text-lg">{index}</div>
|
|
<div class="font-bold p-1 text-lg">Svelte component</div>
|
|
</div>
|