Skip to content
On this page

Input

Button component is used to trigger an action or event, such as submitting a form, opening a Dialog, canceling an action, or performing a delete operation.

Import

javascript
import { VInput } from 'vuetify'

Basic usage

html
<v-input v-model="text" />

Rules

allocate-valid mean that valid inpit will highlight with green color

html
<v-input allocate-valid v-model="text" rules="numbers" />
<v-input allocate-valid v-model="text" rules="email" />
<v-input prevent allocate-valid v-model="text" rules="string" />
<v-input allocate-valid v-model="text" rules="currency" />

Basic usage

html
<v-input v-model="text" />