KPasswordInput

Password Input

Error State

Password must be at least 8 characters.

Disabled State

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.
error	boolean	false	Whether to show error styling (destructive border).

Emits

Name	Parameters	Description
update:modelValue	string	Emitted when the input value changes.

Slots

Name	Description
—	This component does not provide slots.

Basic Usage

<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>