input-group

Input group with action button addon

Загрузка превью…

src/input-group/c-input-group-10.vue

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

<template>
  <Field class="w-full max-w-xs">
    <InputGroup>
      <InputGroupInput placeholder="Query..." />
      <InputGroupAddon align="inline-end">
        <InputGroupButton>Search</InputGroupButton>
      </InputGroupAddon>
    </InputGroup>
  </Field>
</template>

Установка

npx shadcn-vue@latest add https://revueui.rootapi.dev/r/c-input-group-10.json

Зависимости реестра

Field
Input Group

Источник: порт из ReUI (Keenthemes, MIT)