Skip to main content

Files v0.12.0+ HelixUI v0.12.0 or later required

Drop Zone

Added: v0.14.0

A container that provides a visual overlay when dragging a file, marking the boundaries of where a user can drop.

The drop zone ignores any padding applied to it.

Drop files here or .

<hx-drop-zone>
  <hx-drop-fence>
    <p>
      Drop files here or
      <hx-file-input
        class="hxTertiary" 
        label="browse your files">
        <input type="file" />
      </hx-file-input>.
    </p>
  </hx-drop-fence>
</hx-drop-zone>

File Selector

Added: v0.13.0

Variant
Icon

Options

File Tile

Added: v0.12.0

States

See Also