lion/docs/components/input-file/overview.md

parts	title	eleventyNavigation
Input File Overview	Input File: Overview	key order parent title Input File: Overview 10 Input File Overview

Input File: Overview

A web component based on the file input field.

import { html } from '@mdjs/mdjs-preview';
import '@lion/ui/define/lion-input-file.js';

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

Features

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

Installation

npm i --save @lion/ui

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