Input group with loading spinner

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

<template>
  <Field class="max-w-xs" data-disabled="true">
    <InputGroup>
      <InputGroupInput value="shadcn_ui" disabled />
      <InputGroupAddon align="inline-end">
        <Spinner />
      </InputGroupAddon>
    </InputGroup>
  </Field>
</template>