File Upload input

Drag-and-drop file upload with preview, progress bar, validation, and multiple file support.

API Reference

<FileUpload>

Prop	Type	Default
children	Snippet	required

<FileUpload.ClearTrigger>

Prop	Type	Default
class	—	required
variant	ButtonVariant `defaultoutlinesecondaryghostdestructivedestructive-secondarydestructive-outlinelink`	`'default'`
size	ButtonSize `xssmdefaultlgxlicon-xsicon-smiconicon-lgicon-xl`	`'default'`
children	Snippet	required

<FileUpload.Dropzone>

Prop	Type	Default
class	—	required
children	Snippet	required

<FileUpload.DropzoneIcon>

Prop	Type	Default
class	—	required
children	Snippet	required

<FileUpload.Item>

Prop	Type	Default
class	—	required
children	Snippet	required

<FileUpload.ItemDeleteTrigger>

Prop	Type	Default
class	—	required
variant	ButtonVariant `defaultoutlinesecondaryghostdestructivedestructive-secondarydestructive-outlinelink`	`'default'`
size	ButtonSize `xssmdefaultlgxlicon-xsicon-smiconicon-lgicon-xl`	`'default'`
children	Snippet	required

<FileUpload.ItemLabel>

Prop	Type	Default
class	—	required
children	Snippet	required

<FileUpload.Items>

Prop	Type	Default
class	—	required
children	Snippet	required

<FileUpload.Preview>

Prop	Type	Default
class	—	required
children	Snippet	required

<FileUpload.PreviewImage> extends FileUploadPreviewImageProps

All props inherited from FileUploadPreviewImageProps.

<FileUpload.Trigger>

Prop	Type	Default
class	—	required
variant	ButtonVariant `defaultoutlinesecondaryghostdestructivedestructive-secondarydestructive-outlinelink`	`'default'`
size	ButtonSize `xssmdefaultlgxlicon-xsicon-smiconicon-lgicon-xl`	`'default'`
children	Snippet	required