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={
11 () => Boolean(item.cardData.linkToGoogleMaps), (val) => (item.cardData.linkToGoogleMaps = val)
12 }
13 id="show-inline"
14 aria-labelledby="show-inline-label"
15 variant="secondary"
16 />
17 <Label
18 id="show-inline-label"
19 for="show-inline"
20 class="text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
21 >
22 Link to google maps
23 </Label>
24</div>