20 lines
710 B
Markdown
20 lines
710 B
Markdown
### input
|
|
Text Input is a simple input field
|
|
|
|
[input docs](https://daisyui.com/components/input/)
|
|
|
|
#### Class names
|
|
- component: `input`
|
|
- style: `input-ghost`
|
|
- color: `input-neutral`, `input-primary`, `input-secondary`, `input-accent`, `input-info`, `input-success`, `input-warning`, `input-error`
|
|
- size: `input-xs`, `input-sm`, `input-md`, `input-lg`, `input-xl`
|
|
|
|
#### Syntax
|
|
```html
|
|
<input type="{type}" placeholder="Type here" class="input {MODIFIER}" />
|
|
```
|
|
|
|
#### Rules
|
|
- {MODIFIER} is optional and can have one of each style/color/size class names
|
|
- Can be used with any input field type (text, password, email, etc.)
|
|
- Use `input` class for the parent when you have more than one element inside input
|