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 allow you to configure an element in a declarative manner via markup.

icon {Enum<String>}

Changes the icon to one of the available icons.

label {String} (optional)

Sets the label of the file selector.


Properties allow you to configure an element in an imperative manner via JavaScript.

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