@agala-labs/ui

File Upload

Selects files through an inline action or drag-and-drop surface.

Examples

Default

Drag and drop files here

or click to browse

<AgalaFileUpload v-model="files" accept="image/*" multiple :max-files="4" />

Import

import { AgalaFileUpload } from '@agala-labs/ui'

API

Prop	Type	Default	Description
modelValue	FileItem[]	—	Files used by v-model.
variant	'dropzone' | 'inline'	'dropzone'	Presentation.
accept	string	—	Accepted MIME types/extensions.
multiple	boolean	false	Allows multiple files.
maxSize / maxFiles	number	—	Size and count constraints.
label / helper	string	—	Visible field copy.
dragText / browseText / buttonText	string	—	Action copy.
disabled	boolean	false	Disables selection.

Events

• update:modelValue(files: FileItem[])
• change(files)
• remove(file)
• error(message)

Accessibility

Retains a keyboard-operable native file input behind the custom surface.