Input

PropDescriptionAccepted ValuesDefault
modelValueA variable for you to hook into using v-model-undefined
labelThe input's label-undefined
placeholderThe input's placeholder-undefined
nameThe input's HTML name (useful for forms)-undefined
requiredHTML's required attributetrue or falsefalse
disabledHTML's disabled attributetrue or falsefalse
EventDescriptionParameters
update:modelValueTriggered on native input eventnewValue: Text on input
<p>{{ text }}</p>
<Input label="Example text" v-model="text" />

Default

Example with label -

Example text

Example with placeholder -

Example without label -

Example with required -

I am required

Disabled

Oh :(

Disabled with a label

Oh :(