your personal website on atproto - mirror
blento.app
flo-bit.dev
1<script lang="ts">
2 import type { Item } from '$lib/types';
3 import { Checkbox, Label } from '@foxui/core';
4
5 let { item }: { item: Item; onclose: () => void } = $props();
6</script>
7
8<div class="flex items-center space-x-2">
9 <Checkbox
10 bind:checked={() => !item.cardData.showInline, (val) => (item.cardData.showInline = !val)}
11 id="show-inline"
12 aria-labelledby="show-inline-label"
13 variant="secondary"
14 />
15 <Label
16 id="show-inline-label"
17 for="show-inline"
18 class="text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
19 >
20 Show fullscreen
21 </Label>
22</div>