N
neokit

File Input

A styled file picker. Built on <input type="file"> with DaisyUI's file-input class. Supports single/multiple selection, accept filters, sizes, color tokens, and bordered/ghost variants.

Default

Basic file input, accepts any file type.

file-input default

Sizes

Five sizes: xsxl.

file-input sizes
xs
sm
md
lg
xl

Colors

All eight DaisyUI color tokens.

file-input colors
primary
secondary
accent
info
success
warning
error
neutral

Bordered

variant="bordered" adds a visible border at rest.

file-input bordered

Ghost

variant="ghost" — transparent background.

file-input ghost

Accept filter

Use accept to restrict the file picker to specific types.

file-input accept

Images only (image/*)

PDF only (.pdf)

CSV / Excel (.csv,.xlsx)

Multiple files

multiple allows the user to select more than one file.

file-input multiple

Disabled

Non-interactive state.

file-input disabled

Upload form

Real-world file upload form inside a card.

file-input upload form

Upload document