Lion Logo Lion Guides Components Docs 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/input-email
import { LionInputEmail } from '@lion/input-email';
// or
import '@lion/input-email/define';