PInput is the base text input used by the other form components.
Demo
Usage
<PInput v-model="title" help-text="Visible to customers" required>
Props
| Prop | Type | Default | Notes |
|---|
value | String | Number | '' | v-model value. |
helpText | String | '' | Helper copy below the input. |
errorText | String | '' | Override validation message. |
type | String | text | text, email, number. |
inputClass | String | '' | Additional classes for the <input>. |
Events
| Event | Payload | Description |
|---|
input | String | Emits input value. |
valid | Boolean | Emits HTML5 validity state. |
blur | FocusEvent | Emits on blur. |
Slots
| Slot | Description |
|---|
| default | Input label text. |
icon | Optional trailing icon. |