Vuersatile Components

Appearance

On this page

InputPassword ​

Not so plain and not so simple input password.

Has the same API than InputText.

html
<Card>
    <Form>
        <div class="row">
            <div class="col-12 mb-xs-4">
                <InputPassword
                    name="password"
                    label="Password"
                    placeholder="Enter a secure password..."
                    :validations="['not-empty', { name: 'min-length', params: [8] }]"
                />
            </div>
        </div>
    </Form>
</Card>

Emits ​

  • @input. Native event emit.
  • @inputField. Custom event emit.
  • @change. Native change emit.
  • @changeField. Custom change emit.