Skip to main content

#0388 Drop-zone designs Back to index

Extra smallExtra small · SmallSmall · MediumMedium · LargeLarge · Extra large (custom size)Extra large (custom size) · Full HD (custom size)Full HD (custom size)

This sample is an experiment

These samples are permanent, but designed for a specific point in time. They likely won't be useful beyond their original purpose and will degrade over time as the Style Kit evolves. They are kept in case they are useful to others in the future.
Initial state - option 1 - in a bsk-form-group
Click to select files or drag them here
Initial state - option 2 - in a bsk-form-group
Click to select files or drag them here
Initial state - option 3 - in a bsk-form-group
Click to select files or drag them here
Initial state - option 4 - in a bsk-form-group
Click to select files or drag them here
Initial state - option 5 - in a bsk-form-group
Click to select files or drag them here
Initial state - option 6 - in a bsk-form-group
Click to select files or drag them here
Populated state (single file) - option 1 - in a bsk-form-group
png
rock-outcrop.png
280kb
Populated state (single file) - option 2 - in a bsk-form-group and table
File NameFile SizeActions
foo.png200KBRemove File
Populated state (multiple files) - option 2 - in a bsk-form-group and table
File NameFile SizeActions
foo.png200KBRemove File
bar.docx2KBRemove File
rock_outcrop_cropped_to_2m_corrected_terry's_version_2_FINAL.shp358MBRemove File
Populated state (single file) - option 3 - in a bsk-form-group and a grid
File Name
File Size
Actions
foo.png
200KB
Populated state (multiple files) - option 3 - in a bsk-form-group and a 12 column grid
File Name
File Size
Status
Actions
foo.png
200KB
Uploaded
bar.docx
2KB
Uploaded
rock_outcrop_cropped_to_2m_corrected_terry's_version_2_FINAL.shp
358MB
Uploaded
Populated state (multiple files) - option 3 - in a bsk-form-group and a 24 column grid
File Name
File Size
Status
Actions
foo.png
200KB
Uploading...
bar.docx
2KB
Uploading (30%)
baz.txt
4KB
Uploading (100%)
rock_outcrop_cropped_to_2m_corrected_terry's_version_2_FINAL.shp
358MB
Uploaded
Populated state (multiple files) - option 3 - in a bsk-form-group and a 24 column grid (alt layout)
File Name
File Size
Status
Actions
foo.png
200KB
Uploading...
Click to select more files or drag them here
Error state (single file) - option 3 - in a bsk-form-group and a 24 column grid
File Name
File Size
Status
Actions
foo.png
200KB
Upload Error

There is a problem

There was a problem adding one or more files. They have not be uploaded. If possible, fix the problem and try adding the file again.


  • foo.png - File type uploaded is not allowed

Notes