rInput

A customizable and validated input component built with VeeValidate. It uses useField under the hood to integrate seamlessly with form validation.

Props

Name	Type	Default	Required	Description
name	string	–	✅	The name of the input, required for VeeValidate integration.
id	string	–	✅	Unique identifier for the input element.
label	string	–	❌	Optional label text rendered above the input.
type	InputTypeHTMLAttribute	'text'	❌	The HTML type attribute (e.g. text, email, password, etc.).
placeholder	string	–	❌	Placeholder text shown when input is empty.
disabled	boolean	false	❌	Disables the input field when set to true.
ui	Partial<ComponentSlots<typeof rInputStyles.slots>>	–	❌	Object for passing custom class overrides for each slot.

Slots

None.

Emits

This component does not emit custom events. It uses v-model via VeeValidate's useField() to bind and validate its value.

Usage Examples

✅ Basic Input

<template>
  <rInput id="signInEmail" name="email" label="E-mail" type="email" />
</template>

For whole code example with rForm see rForm.