Input

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

Installation

bash
npx shadcn-vue@latest add input

Usage

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

<template>
  <Input />
</template>

Examples

Default

File

Disabled

With Label

With Button

With Icon

Form

This is your public display name.

Edit this page on GitHub