mirror of
https://github.com/woutdp/live_svelte
synced 2026-05-24 09:28:21 +00:00
21 lines
799 B
Svelte
21 lines
799 B
Svelte
<script>
|
|
let {struct} = $props()
|
|
</script>
|
|
|
|
<div class="card bg-base-100 shadow-md border border-base-300/50 overflow-hidden md:min-w-md">
|
|
<div class="card-body gap-4 p-5">
|
|
<span class="badge badge-ghost badge-sm font-medium text-base-content/70 w-fit"> Struct </span>
|
|
<pre
|
|
data-testid="struct-json"
|
|
class="font-mono text-sm bg-base-200/80 text-base-content p-4 rounded-lg border border-base-300/50 overflow-x-auto"><code
|
|
>{JSON.stringify(struct, null, 2)}</code
|
|
></pre>
|
|
<button
|
|
phx-click="randomize"
|
|
class="btn btn-sm bg-brand text-white border-0 hover:opacity-90 w-fit"
|
|
data-testid="struct-randomize-age"
|
|
>
|
|
Randomize Age
|
|
</button>
|
|
</div>
|
|
</div>
|