Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
123456789101112131415161718192021222324252627<script lang="ts"> import { resolve } from "$app/paths"; import Search from "$icon/search"; import Input from "$lib/components/ui/Input.svelte";
interface Props { class?: string; }
let { class: className = "" }: Props = $props();
const appPath = (path: string) => resolve(path as "/");</script>
<form action={appPath("/search")} method="GET" class={`relative hidden md:block ${className}`}> <label class="sr-only" for="topbar-search">Search</label> <Input id="topbar-search" name="q" type="search" placeholder="Search" iconLeft={Search} class="w-80" size="small" /></form>