Input File
Classes Information
| ClassName | Description |
|---|---|
| input-file | Input File class |
| input-file-primary | Input File with primary color |
| input-file-secondary | Input File with secondary color |
| input-file-success | Input File with success color |
| input-file-error | Input File with error color |
| input-file-warning | Input File with warning color |
| input-file-sm | Input File with small size |
| input-file-lg | Input File with large size |
Basic Usage
Example Code
html
<input type="file" class="input-file" />Colors
Example Code
html
<input type="file" class="input-file input-file-primary" />
<input type="file" class="input-file input-file-secondary" />
<input type="file" class="input-file input-file-success" />
<input type="file" class="input-file input-file-error" />
<input type="file" class="input-file input-file-warning"Sizes
Example Code
html
<input type="file" class="input-file input-file-lg" />
<input type="file" class="input-file" />
<input type="file" class="input-file input-file-sm" />Custom
Example Code
html
<input
type="file"
class="input-file file:bg-green-600 border-green-500 file:text-white text-gray-400 dark:text-gray-300 bg-green-100 dark:bg-green-900"
/>