Skip to content

KPasswordInput

示例

Password Input

Value:

A password input field with a toggle button to show or hide the password.

Props

NameTypeDefaultDescription
modelValuestring''The current password value.
placeholderstring''Placeholder text for the input field.
disabledbooleanfalseWhether the input is disabled.

Emits

NameParametersDescription
update:modelValuestringEmitted when the input value changes.

Slots

NameDescription
This component does not provide slots.

Basic Usage

vue
<script setup>
import { ref } from 'vue'
import { KPasswordInput } from '@kK-2004/ui-component'

const password = ref('')
</script>

<template>
  <KPasswordInput v-model="password" placeholder="Enter your password" />
</template>