LoginForm

Domain

Email + password sign-in form with inline validation, "Remember me" checkbox, and server-error banner.

Preview

Code

<%- include('modules/domain/common/auth/LoginForm', {
  action: '/auth/login',
  method: 'post'
}) %>

Preview

Code

<%- include('modules/domain/common/auth/LoginForm', {
  action: '/auth/login',
  error: 'Invalid email or password. Please try again.'
}) %>

<%
  var _action = locals.action || '#';
  var _method = locals.method || 'post';
  var _error  = locals.error  || '';
%>

  <% if (_error) { %>
  
    
    <%= _error %>
  
  <% } %>

  <%- include('../../../ui/Input', {
    id: 'login-email',
    label: 'Email',
    type: 'email',
    name: 'email',
    required: true,
    value: locals.emailValue || '',
    iconLeft: ''
  }) %>

  <%- include('../../../ui/Input', {
    id: 'login-password',
    label: 'Password',
    type: 'password',
    name: 'password',
    required: true,
    iconLeft: ''
  }) %>

  
    
    Remember me
  

  <%- include('../../../ui/Button', {
    type: 'submit',
    fullWidth: true,
    children: 'Sign In'
  }) %>

LoginForm

Default

With error