Skip to main content

<ui-file-select>

Renders a read-only path display next to a button. Clicking the button opens a native OS file-open dialog synchronously. If the user cancels, no event is emitted.

<ui-file-select id="input-file" label="Browse..." filter="png,jpg" value=""></ui-file-select>

Attributes

AttributeRequiredDescription
idyesElement identifier
labelnoButton text (default "Browse...")
filternoComma-separated file extensions to filter, e.g. "png,jpg" (default: all files)
valuenoInitial path shown in the display

Event

Emits input-changed with the selected absolute file path as the value.