# Textinput

Home

## Text input, Search & Textarea

### Default

Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

### Mini sized

Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

### Placeholder

Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

### Value/Text

Text input:
Text input: data-clear-btn="true"
Search:
Textarea: Text

### Label hidden

Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

### Disabled

Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

### Fieldcontain

Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

### Fieldcontain, mini sized

Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

### Fieldcontain, hide label

Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

### Various input types

Number: data-clear-btn="false"
Number: data-clear-btn="true"
Number + pattern: data-clear-btn="false"
Number + pattern: data-clear-btn="true"
Date: data-clear-btn="false"
Date: data-clear-btn="true"
Month: data-clear-btn="false"
Month: data-clear-btn="true"
Week: data-clear-btn="false"
Week: data-clear-btn="true"
Time: data-clear-btn="false"
Time: data-clear-btn="true"
Datetime: data-clear-btn="false"
Datetime: data-clear-btn="true"
Datetime-local: data-clear-btn="false"
Datetime-local: data-clear-btn="true"
Tel: data-clear-btn="false"
Tel: data-clear-btn="true"
Email: data-clear-btn="false"
Email: data-clear-btn="true"
Url: data-clear-btn="false"
Url: data-clear-btn="true"
File: data-clear-btn="false"
File: data-clear-btn="true"
Password: data-clear-btn="false"
Password: data-clear-btn="true"
Color: data-clear-btn="false"
Color: data-clear-btn="true"