Lion Logo Lion Fundamentals Guides Components Blog Toggle darkmode

Input Email: Overview

A web component based on the generic text input field. Its purpose is to provide a way for users to fill in an email.

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


  • Based on our input
  • Makes use of email validators with corresponding error messages in different languages
    • IsEmail (default)


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