Components Overview

import { Validators } from '@angular/forms';

const field = new Input('email', 'Email').apply({
  validator: [Validators.required, Validators.email],
  errorMessage: 'Please enter a valid email'
});

const field = new Input('search', 'Search').apply({
  action: {
    type: 'valueChange',
    onEvent: (param) => {
      console.log('Value changed:', param.event);
    }
  }
});

const field = new Input('username', 'Username').apply({
  icon: 'person'
});

// Takes full row width
const field = new Input('description', 'Description').apply({
  singleLine: true
});

const field = new Input('password', 'Password').apply({
  hint: 'Must be at least 8 characters'
});

const input = new Input('name', 'Full Name')
  .apply({
    icon: 'person',
    validator: Validators.required,
    hint: 'Enter your legal name',
    maxCharCount: 100,
    autoFocus: true
  });