The basic text input component accepts user text input. It supports various types including email, password, number, and more.

Key Features:

• • Multiple input types (text, email, password, number, tel, url, etc.)
• • Default border-bottom styling
• • Full width support
• • Placeholder text support

Labels provide context for input fields with a smooth floating animation. When focused or filled, the label moves to the top of the input.

Key Features:

• • Floating label animation on focus
• • Label stays active when input has value
• • No placeholder conflict - label replaces placeholder
• • Works with all input variants

Control the border style of your inputs with different props.

Available Options:

• • Default: Bottom border only
• • bordered: Full border around input
• • borderless: No visible border

Create dropdown select menus using the select prop with an array of options.

Key Features:

• • Array-based options with value/text pairs
• • Floating label support
• • Custom styling options
• • onChange event handling

Create multiline text inputs for longer form content like messages, descriptions, or comments.

Key Features:

• • Customizable row height
• • Floating label support
• • Auto-expanding text area
• • All styling options available

The default file input provides a clean drag-and-drop interface with custom icon support.

Use the btn prop to render the file input as a button for a more compact design.

Enhance your inputs with icons on the left or right side for better visual context.

Key Features:

• • startIcon: Icon on the left side
• • endIcon: Icon on the right side
• • iconicBg: Custom background for icon container
• • Works with any React icon library

Provide visual feedback with status indicators and helper text for form validation.

Available Status Types:

• • success: Valid input (green)
• • warning: Warning state (yellow/orange)
• • danger: Error state (red)
• • info: Informational (blue)

Each status automatically displays an icon and changes the input border color.

Customize the appearance of your inputs with various styling props.

Available Options:

• • rounded: Fully rounded corners
• • leftRounded: Round left corners only
• • rightRounded: Round right corners only
• • flat: No border radius (sharp corners)
• • bg: Custom background color
• • funcss: Additional CSS classes