Skip to main content

Input File

scoped

The Input File element extends the Input element with the ability to upload files.

Basic use

The sample shows the input-file in its basic state, i.e. as the simplest input for selecting a file.

When to use

Use wje-input-file when the user enters a value, selects options, or performs an action in a form.

When not to use

Don't just use it as a visual decorative element without interaction. In this case, give priority to the presentation components.

Accessibility

Always link the component to the description (label/aria-label), keep keyboard control, and display a clear message on validation errors.

  • Keep validation rules and error states consistent across the entire form.
  • For asynchronous operations, display the load status or disabled status.
  • For complex forms, prefer smaller sections and immediate feedback.

Attributes and properties

Pre tento komponent nie sú dostupné žiadne vlastnosti.

Events

NázovPopis
wje-input-file:changeVyvolá sa pri zmene hodnoty komponentu.

Methods

Pre tento komponent nie sú dostupné žiadne verejné metódy.

CSS shadow parts

NázovPopis
nativeŠtýluje koreňovú shadow časť komponentu.
inputŠtýluje shadow časť input.
file-inputŠtýluje shadow časť file-input.

CSS custom variables

Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.

Slots

Pre tento komponent nie sú dostupné žiadne sloty.