Dropzone

Dropzone used to upload file within an area.

Import

import { MpDropzone } from '@mekari/pixel3'

Props

Events

Slots

Name	Type	Default
`id` Id of dropzone.	`string`	-
`variant` Variant of dropzone.	`default \| logo \| product \| avatar`	`default`
`accept` List of file types for input.	`string`	-
`name` Name for input.	`string`	-
`placeholder` Placeholder for input.	`string`	`Drop your file(s) here or`
`description` Description of dropzone.	`string`	`Description for dropzone`
`loading-text` Text in loading state.	`string`	`Uploading...`
`button-text` Text in button change.	`string`	`Change file`
`overlay-variant` Variant style in overlay dropzone.	`white \| black`	`white`
`is-show-preview` If true, dropzone will show image preview.	`boolean`	`true`
`is-multiple` If true, accept multiple input file.	`boolean`	`false`
`is-loading` If true, show loading state.	`boolean`	`false`
`is-disabled` If true, dropzone will be disable.	`boolean`	`false`
`is-invalid` If true, dropzone will be invalid.	`boolean`	`false`
`is-required` If true, mark as required.	`boolean`	`false`
`has-custom-upload` If true, dropzone will show overlay when drag file.	`boolean`	`false`
`is-enable-drag-and-drop` If true, dropzone will have drag and drop feature.	`boolean`	`true`
`is-enable-input-file` If true, dropzone will have input file feature.	`boolean`	`false`
`is-show-overlay` If true, dropzone will show overlay by default.	`boolean`	`false`