Lion Logo Lion Fundamentals Guides Components Blog Toggle darkmode

Input File: Overview

A web component based on the file input field.

export const main = () => {
  return html` <lion-input-file label="Upload" name="upload"></lion-input-file> `;


  • Based on our input
  • Default labels and validation messages in different languages
  • Options for multi file upload and drop-zone.


npm i --save @lion/ui
import { LionInputFile } from '@lion/ui/input-file.js';
// or
import '@lion/ui/define/lion-input-file.js';