KInput

Basic Input

With Prefix & Suffix

⌘K

Error State

Please enter a valid email address.

Disabled State

Text input component with v-model binding, type support, error state, and prefix/suffix slots.

Props

Name	Type	Default	Description
type	string	'text'	Native HTML input type (e.g. 'text', 'number', 'password').
modelValue	string | number	''	Bound value via v-model.
placeholder	string	''	Placeholder text.
disabled	boolean	false	Whether the input is disabled.
error	boolean	false	Whether to show error styling (destructive border).

Emits

Name	Parameters	Description
update:modelValue	(value: string | number)	Emitted when the input value changes.

Slots

Name	Description
prefix	Content placed before the input (e.g. icons, prefixes).
suffix	Content placed after the input (e.g. icons, suffixes).

Basic Usage

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

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

<template>
  <KInput v-model="value" placeholder="Enter text..." />
</template>