Skip to main content

<hx-file-input> v0.13.0+ HelixUI v0.13.0 or later required

The custom <hx-file-input> element renders a button to access the system file selector dialog.


Simulates a mouse click on the element.


Attributes enable declarative configuration of an element, via HTML markup.

icon {Enum<String>} (optional)

Changes the icon to one of the available icons.

label {String} (optional)

Sets the label of the file selector.


JavaScript properties enable programmatic access to an element's configuration and state.

fileInput {HTMLInputElement}

Returns the first <input type="file" /> child (if present).

icon {String}

Manipulates the icon attribute.

label {String}

Manipulates the label attribute.

See Also