File Input

File input

Use a file input to upload files.

File input documentation

Class names

• component: file-input
• style: file-input-ghost
• color: file-input-neutral, file-input-primary, file-input-secondary, file-input-accent, file-input-info, file-input-success, file-input-warning, file-input-error
• size: file-input-xs, file-input-sm, file-input-md, file-input-lg, file-input-xl

Syntax

<input type="file" class="file-input {MODIFIER}" />

Rules

• {MODIFIER} is optional. It can include one class name from each style, color, and size category.