Something went wrong. Try again.
your personal website on atproto - mirror blento.app
Something went wrong. Try again.
Svelte
1234567891011121314151617181920212223242526272829303132333435<script lang="ts"> import type { Item } from '$lib/types'; import type { SettingsComponentProps } from '../../types'; import { Input, Label } from '@foxui/core';
let { item = $bindable<Item>(), onclose }: SettingsComponentProps = $props();
function confirmUrl() { let href = item.cardData.href?.trim() || ''; if (href && !/^https?:\/\//i.test(href) && !href.startsWith('#')) { href = 'https://' + href; } item.cardData.href = href; onclose(); }</script>
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-1"> <Label for="button-href" class="text-sm">Link</Label> <Input id="button-href" bind:value={item.cardData.href} placeholder="youtube.com" class="mt-2 text-sm" onkeydown={(event) => { if (event.code === 'Enter') { event.preventDefault(); confirmUrl(); } }} /> </div></div>