KPasswordInput
示例
Password Input
Value:
A password input field with a toggle button to show or hide the password.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| modelValue | string | '' | The current password value. |
| placeholder | string | '' | Placeholder text for the input field. |
| disabled | boolean | false | Whether the input is disabled. |
Emits
| Name | Parameters | Description |
|---|---|---|
| update:modelValue | string | Emitted when the input value changes. |
Slots
| Name | Description |
|---|---|
| — | 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>