Input

A flexible text input component with support for labels, validation, and addons.

tsx

import { Input } from '@xdev-asia/x-ui-react';

Basic Usage

Email

Username

This will be your public display name

Email

Please enter a valid email

Prop	Type	Default
`variant`	'outline' \| 'filled' \| 'flushed' \| 'glass'	'outline'
`size`	'sm' \| 'md' \| 'lg'	'md'
`label`	string	-
`placeholder`	string	-
`isDisabled`	boolean	false
`isReadOnly`	boolean	false
`isInvalid`	boolean	false
`errorMessage`	string	-
`helperText`	string	-
`leftIcon`	ReactNode	-
`rightIcon`	ReactNode	-

Navigation