Input
Input is a text field that allows users to enter data.
Installation
npx jsx-daisyui add inputDefault
input-default
Sizes
input-sizes
Colors
input-colors
Ghost
input-ghost
With fieldset and hint
input-fieldset
With prefix and suffix
input-wrapper
Floating label
input-floating-label
Disabled
input-disabled
Props
Input
| Prop | Type | Default | Description |
|---|---|---|---|
color | 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | - | The color variant of the input. |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | The size of the input. |
ghost | boolean | false | Applies ghost styling to the input. |
validator | boolean | false | Enables DaisyUI CSS validation styling. |
validatorHint | string | - | Hint text to display for validation feedback. |