Skip to content

Input

Input

PInput is the base text input used by the other form components.

Demo

Usage

<PInput v-model="title" help-text="Visible to customers" required>
Project title
</PInput>

Props

PropTypeDefaultNotes
valueString | Number''v-model value.
helpTextString''Helper copy below the input.
errorTextString''Override validation message.
typeStringtexttext, email, number.
inputClassString''Additional classes for the <input>.

Events

EventPayloadDescription
inputStringEmits input value.
validBooleanEmits HTML5 validity state.
blurFocusEventEmits on blur.

Slots

SlotDescription
defaultInput label text.
iconOptional trailing icon.