Input Password

Base component for all password input fields, which extends the Password component from PrimeVue.

Example Usage

Example

Password with feedback

<template>
  <sk-input-text v-model="value" label="Firstname" class="mr-m mb-m" />
  <sk-input-text
    v-model="value2"
    placeholder="Max Mustermann"
    class="mr-m mb-m"
    label="First Name"
  />
  <sk-input-text
    v-model="value"
    input-type="number"
    placeholder="Placeholder Only"
    class="mr-m mb-m"
    icon="edit"
  />
  <sk-input-text placeholder="Disabled" class="mr-m mb-m" disabled="true" />
</template>

<script setup>
import { ref } from 'vue';

const value = ref('');
const value2 = ref('');
</script>

Reference

Properties

Name	Type	Default	Description
v-model	ref	null	The value to edit
feedback	ref	false	Show a hint for password strength
toggleMask	ref	true	Show hide the password

Events

Name	Parameters	Description
@input	event	the payload of the input

Slots

Name	Parameters	Description