input-group

Input group in invalid state

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

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

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

<template>
  <Field class="max-w-xs" data-invalid="true">
    <InputGroup>
      <InputGroupInput placeholder="Invalid field" aria-invalid="true" />
    </InputGroup>
  </Field>
</template>

Установка

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

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

Field
Input Group

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