Skip to main content
You are viewing Pre-Alpha documentation.
Vuetify0 Logo
Theme
Mode
Palettes
Accessibility
Vuetify One

Sign in to Vuetify One

Access premium tools across the Vuetify ecosystem — Bin, Play, Studio, and more.

Not a subscriber? See what's included

Input API

API reference for the Input components.

Input.Root

Props

name

string

Form field name

namespace

string

Namespace for context provision to children

Default: "v0:input:root"

type

string

Input type

Default: "text"

required

boolean

Whether this input is required

id

ID

Unique identifier (auto-generated if not provided)

Default: useId()

label

string

Optional display label

form

string

Associate with form by ID

disabled

MaybeRefOrGetter<boolean>

Disables this input

Default: false

readonly

MaybeRefOrGetter<boolean>

Makes this input readonly

rules

any[]

Validation rules

Default: []

validateOn

ValidateOn

When to trigger validation

Default: "blur"

error

boolean

Manual error state override — forces invalid regardless of validation

Default: false

errorMessages

MaybeArray<string>

Manual error messages — merged with rule-based errors

modelValue

string

Default: ""

Events

update:model-value

[value: string]

update:isFocused

[value: boolean]

Slots

default

InputRootSlotProps

Input.Control

Props

namespace

string

Default: "v0:input:root"

Slots

default

InputControlSlotProps

Input.Description

Props

namespace

string

Namespace for connecting to parent Input.Root

Default: "v0:input:root"

Slots

default

InputDescriptionSlotProps

Input.Error

Props

namespace

string

Namespace for connecting to parent Input.Root

Default: "v0:input:root"

Slots

default

InputErrorSlotProps
Was this page helpful?

© 2016-1970 Vuetify, LLC
Ctrl+/