greact-material-textfield v0.1.0

greact-material-textfield

Material texfield with consistent behaviour on iOS and Android

Features

• Material design guidelines compliance
• Consistent look and feel on iOS and Android
• Animated state transitions (normal, focused and errored)
• Customizable font size, colors and animation duration
• Disabled state (with dotted underline)
• Multiline text input
• Character counter
• Prefix and suffix
• Accessory view
• Helper text
• RTL support
• Pure javascript implementation

Installation

npm install --save greact-material-textfield

Usage

import React, { Component } from 'react';
import { TextField } from 'greact-material-textfield';

class Example extends Component {
  state = {
    phone: '',
  };

  render() {
    let { phone } = this.state;

    return (
      <TextField
        label='Phone number'
        value={phone}
        onChangeText={ (phone) => this.setState({ phone }) }
      />
    );
  }
}

Properties

Other TextInput properties will also work

Methods

Copyright and License

BSD License

Copyright 2017 Alexander Nazarov. All rights reserved.