FLIN App

Basic Upload

Default file upload zone with no type restrictions.

Upload a fileClick to browse

Document Upload

Accept only PDF and Word documents.

Upload documentClick to browse

Image Upload

Accept common image formats for profile photos.

Upload profile photoClick to browse

Spreadsheet Upload

Import data from CSV or Excel files.

Upload spreadsheetClick to browse

In a Form

File upload combined with other form inputs.

Document Title

Media Upload

Upload audio and video media files.

Upload videoClick to browse

Upload audioClick to browse

Usage

// Basic upload<FileUpload label="Upload a file" />// Restrict file types<FileUpload label="Upload document" accept=".pdf,.doc,.docx" />// Image only<FileUpload label="Upload photo" accept=".png,.jpg,.jpeg,.webp" />

Props

Prop	Type	Default	Description
`label`	text	"Choose file"	Label text shown in the dropzone
`accept`	text	""	Accepted file types (e.g. ".pdf,.doc")

FileUpload

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Basic Upload

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Document Upload

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Image Upload

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Spreadsheet Upload

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } In a Form

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Media Upload

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Usage

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Props