Upload

Upload files through a file input form element.

Import

import { MpUpload, MpUploadList } from '@mekari/pixel3'

Props

Events

Name	Type	Default
`id` Id of upload.	`string`	-
`file-list` List of files for input.	`Files[]`	-
`accept` List of file types for input.	`string`	-
`name` Name for input.	`string`	-
`placeholder` Placeholder for input.	`string`	`No file selected`
`loading-text` Text in loading state.	`string`	`Uploading...`
`button-text` Text in button upload.	`string`	`Choose file`
`is-loading` If true, show loading state.	`boolean`	`false`
`is-disabled` If true, upload will be disable.	`boolean`	`false`
`is-invalid` If true, upload will be invalid.	`boolean`	`false`
`is-required` If true, mark as required.	`boolean`	`false`
`is-reset-on-change` If true, input value will reset when file change.	`boolean`	`false`
`is-multiple` If true, input receive multiple files to select.	`boolean`	`false`
`is-full-width` If true, upload will have full width.	`boolean`	`false`

Props

Events

Name	Type	Default
`id` Id of upload list.	`string`	-
`status` Status of upload list.	`success \| error \| loading`	`success`
`title` Title of upload list.	`string`	-
`subtitle` Subtitle of upload list.	`string`	-
`icon-name` Icon name for upload list.	`IconName`	`img`
`icon-color` Icon color for upload list.	`ColorToken \| string`	`gray.600`
`icon-variant` Icon variant for upload list.	`outline \| duotone \| fill`	`outline`
`is-show-download-button` If true, show download button.	`boolean`	`true`
`is-show-remove-button` If true, show remove button.	`boolean`	`true`
`is-show-cancel-button` If true, show cancel button.	`boolean`	`true`