RegateEmail

onChange

import React from 'react'
import { RegateEmail } from 'regate'

class App extends React.Component {
  onChange({value, isValid}) {
    console.log(value, isValid);
  }

  render() {
    return (
      <RegateEmail onChange={this.onChange} />
    )
  }
}

onInitialized

import React from 'react'
import { RegateEmail } from 'regate'

class App extends React.Component {
  onInitialized({value, isValid}) {
    console.log(value, isValid);
  }

  render() {
    return (
      <RegateEmail onInitialized={this.onInitialized} />
    )
  }
}

Required

import React from 'react'
import { RegateEmail } from 'regate'

class App extends React.Component {
  onChange({value, isValid}) {
    console.log(value, isValid);
  }

  render() {
    return (
      <RegateEmail required={true} onChange={this.onChange} />
    )
  }
}

onInitialized + Required

import React from 'react'
import { RegateEmail } from 'regate'

class App extends React.Component {
  onInitialized({value, isValid}) {
    console.log(value, isValid);
  }

  render() {
    return (
      <RegateEmail required={true} value="mojtaba@gmail.com" onInitialized={this.onInitialized} />
    )
  }
}

onInitialized + Required (empty)

import React from 'react'
import { RegateEmail } from 'regate'

class App extends React.Component {
  onInitialized({value, isValid}) {
    console.log(value, isValid);
  }

  render() {
    return (
      <RegateEmail required={true} onInitialized={this.onInitialized} />
    )
  }
}

Styling

import React from 'react'
import { RegateEmail } from 'regate'

class App extends React.Component {
  onChange({value, isValid}) {
    console.log(value, isValid)
  }

  render() {
    return (
      <RegateEmail onChange={this.onChange} />
    )
  }
}