shadcn-vue/apps/www/src/content/docs/components/input.md

title	description
Input	Displays a form input field or a component that looks like an input field.

Installation

npx shadcn-vue@latest add input

<template #Manual>

Copy and paste the following code into your project:

<<< @/lib/registry/default/ui/input/Input.vue

Usage

<script setup lang="ts">
import { Input } from '@/components/ui/input'
</script>

<template>
  <Input />
</template>

Default

File

Disabled

With Label

With Button

Lazy (v-model.lazy)

v-model modifiers don't work on custom Vue components,

instead you can use @change event on custom Vue component

Form