Themes
Choose your theme
rubick
icewall
tinker
enigma
Layouts
Choose your layout
side menu
simple menu
top menu
Accent Colors
Choose your accent color
Appearance
Choose your appearance
Light
Dark
Pages
Mail Settings
Users & Permissions
Transactions Report
Users
Brad Pitt
bradpitt@left4code.com
Johnny Depp
johnnydepp@left4code.com
Johnny Depp
johnnydepp@left4code.com
Kate Winslet
katewinslet@left4code.com
Products
Samsung Galaxy S20 Ultra
Smartphone & Tablet
Nike Tanjun
Sport & Outdoor
Oppo Find X2 Pro
Smartphone & Tablet
Dell XPS 13
PC & Laptop

## Dropzone

## Single File Upload

Show example code
Drop files here or click to upload.
This is just a demo dropzone. Selected files are not actually uploaded.

                    HTMLOpenTagform
        data-single="true" action="/file-upload" class="[&.dropzone]:border-2 [&.dropzone]:border-dashed dropzone [&.dropzone]:border-darkmode-200/60 [&.dropzone]:dark:bg-darkmode-600 [&.dropzone]:dark:border-white/5 dropzone dropzone"
    HTMLCloseTag
        HTMLOpenTagdiv class="fallback"HTMLCloseTag
            HTMLOpenTaginput
                name="file"
                type="file"
            /HTMLCloseTag
        HTMLOpenTag/divHTMLCloseTag
        HTMLOpenTagdiv
            class="dz-message"
            data-dz-message
        HTMLCloseTag
            HTMLOpenTagdiv class="text-lg font-medium"HTMLCloseTag
                                        Drop files here or click to upload.
                                    HTMLOpenTag/divHTMLCloseTag
                                    HTMLOpenTagdiv class="text-gray-600"HTMLCloseTag
                                        This is just a demo dropzone. Selected files are
                                        HTMLOpenTagspan class="font-medium"HTMLCloseTagnotHTMLOpenTag/spanHTMLCloseTag actually
                                        uploaded.
                                    HTMLOpenTag/divHTMLCloseTag
        HTMLOpenTag/divHTMLCloseTag
    HTMLOpenTag/formHTMLCloseTag

## Multiple File Upload

Show example code
Drop files here or click to upload.
This is just a demo dropzone. Selected files are not actually uploaded.

                    HTMLOpenTagform
        data-single="true" action="/file-upload" class="[&.dropzone]:border-2 [&.dropzone]:border-dashed dropzone [&.dropzone]:border-darkmode-200/60 [&.dropzone]:dark:bg-darkmode-600 [&.dropzone]:dark:border-white/5 dropzone dropzone"
    HTMLCloseTag
        HTMLOpenTagdiv class="fallback"HTMLCloseTag
            HTMLOpenTaginput
                name="file"
                type="file"
            /HTMLCloseTag
        HTMLOpenTag/divHTMLCloseTag
        HTMLOpenTagdiv
            class="dz-message"
            data-dz-message
        HTMLCloseTag
            HTMLOpenTagdiv class="text-lg font-medium"HTMLCloseTag
                                        Drop files here or click to upload.
                                    HTMLOpenTag/divHTMLCloseTag
                                    HTMLOpenTagdiv class="text-gray-600"HTMLCloseTag
                                        This is just a demo dropzone. Selected files are
                                        HTMLOpenTagspan class="font-medium"HTMLCloseTagnotHTMLOpenTag/spanHTMLCloseTag actually
                                        uploaded.
                                    HTMLOpenTag/divHTMLCloseTag
        HTMLOpenTag/divHTMLCloseTag
    HTMLOpenTag/formHTMLCloseTag

## File Type Validation

Show example code
Drop files here or click to upload.
This is just a demo dropzone. Selected files are not actually uploaded.

                    HTMLOpenTagform
        data-single="true" action="/file-upload" class="[&.dropzone]:border-2 [&.dropzone]:border-dashed dropzone [&.dropzone]:border-darkmode-200/60 [&.dropzone]:dark:bg-darkmode-600 [&.dropzone]:dark:border-white/5 dropzone dropzone"
    HTMLCloseTag
        HTMLOpenTagdiv class="fallback"HTMLCloseTag
            HTMLOpenTaginput
                name="file"
                type="file"
            /HTMLCloseTag
        HTMLOpenTag/divHTMLCloseTag
        HTMLOpenTagdiv
            class="dz-message"
            data-dz-message
        HTMLCloseTag
            HTMLOpenTagdiv class="text-lg font-medium"HTMLCloseTag
                                        Drop files here or click to upload.
                                    HTMLOpenTag/divHTMLCloseTag
                                    HTMLOpenTagdiv class="text-gray-600"HTMLCloseTag
                                        This is just a demo dropzone. Selected files are
                                        HTMLOpenTagspan class="font-medium"HTMLCloseTagnotHTMLOpenTag/spanHTMLCloseTag actually
                                        uploaded.
                                    HTMLOpenTag/divHTMLCloseTag
        HTMLOpenTag/divHTMLCloseTag
    HTMLOpenTag/formHTMLCloseTag