← All proposals

Dropzone

A net-new component, `Dropzone`:

Net-new componentOpen in Storybook

proposals/Dropzone/custom.md25 lines · View on GitHub

Custom and net-new: Dropzone

Everything in this proposal that is not plain PDS v2. npm run check:tokens reads this file: each net-new class, custom CSS variable and raw value found in the code must appear here in backticks.

Net-new components

  • .pds-dropzone — a compact area to add files by dragging them in or by browsing.
    • Parts and modifiers: .pds-dropzone--disabled, .pds-dropzone--drag-over, .pds-dropzone__browse, .pds-dropzone__icon, .pds-dropzone__label

Additions to existing PDS components

None.

Net-new props

All props of DropzoneProps are new (net-new component).

Custom CSS variables

None.

Raw values kept on purpose

None.