File Input

File Input is a an input field for uploading files.

Class name	Type
form-control	Component	Container element
label	Component	For helper text
file-input	Component	For <input> element
file-input-bordered	Modifier	Adds border to input
file-input-ghost	Modifier	Adds ghost style to input
file-input-primary	Modifier	Adds `primary` color to input
file-input-secondary	Modifier	Adds `secondary` color to input
file-input-accent	Modifier	Adds `accent` color to input
file-input-info	Modifier	Adds `info` color to input
file-input-success	Modifier	Adds `success` color to input
file-input-warning	Modifier	Adds `warning` color to input
file-input-error	Modifier	Adds `error` color to input
file-input-lg	Responsive	Large size for input
file-input-md	Responsive	Medium (default) size for input
file-input-sm	Responsive	Small size for input
file-input-xs	Responsive	Extra small size for input

# File input

# File input with border

# Ghost (no background)

# With form-control and labels

Pick a file Alt label Alt label Alt label

# Primary color

# Secondary color

# Accent color

# Info color

# Success color

# Warning color

# Error color

# Sizes

# Disabled

Do you have a question? ask the community

Do you like daisyUI? tweet about it!

Support daisyUI's development: Open Collective