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 { {{codeConfig.prefix}}Input } from '{{codeConfig.aliases.components}}/ui/input'
</script>

<template>
  <{{codeConfig.prefix}}Input />
</template>

Default

File

Disabled

With Label

With Button

Form