Input
Enhanced input component with validation states, loading indicators, and smooth animations. Pro version includes floating labels, focus glow effects, and advanced variants.
Pro Features
Unlock advanced capabilities with the Pro version
Floating Labels
Smooth floating label animations that save space and enhance UX
Focus Glow Effects
Customizable glow effects with multiple color options for better visibility
Advanced Variants
Glass, gradient, neon, and other premium visual styles
Character Counter
Built-in character counting with visual feedback
Enhanced Validation
Advanced validation patterns with smooth transitions
Micro-interactions
Subtle animations and transitions for premium feel
Installation
Install via CLI
moonui add inputUsage
Basic Usage
Pro Usage
Examples
Basic Usage
Simple text inputs with different types
With Icons
Input fields with left and right icons
Validation States
Success, error, and loading states with visual feedback
This looks good!
This field is required
Loading state with spinner
Password Toggle
Password input with visibility toggle functionality
Click the eye icon to toggle visibility
Disabled State
With Label
Floating Labels
Smooth floating label animations that enhance form UX
Advanced Features
Focus glow effects, advanced variants, and character count