Input
Text input fields for capturing user input with various styles and states, fully compatible with DaisyUI 5 and Tailwind 4 with enhanced features
Basic Input
Simple text input with different types
Show Code
Input Sizes
Different input sizes
Show Code
Input Colors
Input with different colors
Show Code
Input States
Different input states
Show Code
Input Variants
Different visual styles
Show Code
Usage Notes
- Use bordered style for most form inputs with enhanced DaisyUI 5 styling
- Ghost style works well for search inputs in navigation with improved focus states
- Combine with labels for better accessibility and screen reader support
- Use appropriate input types for better mobile keyboards and validation
- Enhanced validation states (success, error) with better color contrast
- Password inputs support optional toggle buttons for client-side enhancement
- Number inputs include default step=1 and increment/decrement controls
- Color inputs include preview swatches by default with better color handling
- Improved focus rings and accessibility with DaisyUI 5 enhancements
- Better placeholder contrast and readability across themes
- Enhanced disabled states with clearer visual indication
- SSR-compatible with client-side enhancement via data attributes
- Supports Tailwind 4 arbitrary values for custom styling
- Transform utilities simplified - no explicit 'transform' class needed
- Better responsive behavior with container queries support
- Optimized performance with improved CSS generation
- Fully backward compatible - all existing usage patterns continue to work
- Enhanced TypeScript support with optional properties and better defaults