Spinner in input group.

<script setup lang="ts">
import { Field, FieldLabel } from "@/components/ui/field"
import { InputGroup, InputGroupAddon, InputGroupInput } from "@/components/ui/input-group"
import { Spinner } from "@/components/ui/spinner"
</script>

<template>
  <Field class="w-full max-w-xs">
    <FieldLabel for="search-loading">Searching</FieldLabel>
    <InputGroup id="search-loading">
      <InputGroupInput placeholder="Search records…" />
      <InputGroupAddon>
        <Spinner class="size-4" />
      </InputGroupAddon>
    </InputGroup>
  </Field>
</template>