Welcome UI - FileUpload

FOUNDATIONS COMPONENTS BLOG 650+

10.0.0

Menu

Actions

Button
ButtonGroup
Close Button
Link

Data display

Accordion
Avatar
Badge
Card
Swiper
Table
Tag
VisuallyHidden

Feedback

Alert
StickyNote
NEW
Toast

Forms

Checkbox
DatePicker
DateTimePicker
Field
FileDrop
FileUpload
Hint
InputText
Label
PasswordInput
Radio
RadioGroup
RadioTab
Search
Select
Slider
Textarea
TimePicker
Toggle

Icons & logo

Icon
IconStamp
NEW
Logo
VariantIcon
WelcomeLoader

Layout

AspectRatio
Loader
Window
NEW

Navigation

Breadcrumb
DropdownMenu
Pagination
Stepper
NEW
Tabs

Overlay

Drawer
Modal
Popover
Tooltip

Typography

Text

Utilities

Grid background

Overview

Props

FileUpload

accept

*/* (default)

string

Pass a comma-separated string of file types e.g. "image/png" or "image/png,image/jpeg"

handleAddFile

(files: FileWithPreview | FileWithPreview[]) => void

handleRemoveFile

(file: FileWithPreview) => void

onBlur

(() => void) & FocusEventHandler<HTMLInputElement>

onChange

((event: CreateEvent) => void) & ChangeEventHandler<HTMLInputElement>

preview

FC<FileUploadPreviewProps>

On this page

FileUpload

Made with by

Documentations

Foundations
Components
Source code

Updates

Releases
Issues

Community

Github
Twitter
Medium
Jobs