joyent-portal/ui/src/components/input
2017-01-17 11:31:18 +00:00
..
index.js turn create-monitor into a form 2017-01-17 11:31:18 +00:00
readme.md incomplete <Select> implementation 2016-10-31 17:26:48 +00:00
story.js adding success and error styles to input filed 2017-01-12 12:09:35 +00:00

Input

demo

const  React = require('react');
const ReactDOM = require('react-dom/server');
const Base = require('../base');
const Container = require('../container');
const Row = require('../row');
const Column = require('../column');
const Input = require('./index.js');

nmodule.exports = ReactDOM.renderToString(
  <Base>
    <Row>
      <Column>
        <Input
          placeholder='Enter email'
          label='Email Address'
          type='email'
        >
          <small>We'll never share your email with anyone else.</small>
        </Input>
      </Column>
    </Row>
    <Row>
      <Column>
        <Input placeholder='Password' type='password'>
          Password
        </Input>
      </Column>
    </Row>
  </Base>
);

usage

const React = require('react');
const Input = require('ui/input');

module.exports = () => {
  return (
    <div>
      <Input
        placeholder='Enter email'
        label='Email Address'
        type='email'
      >
        <small>We'll never share your email with anyone else.</small>
      </Input>
      <Input placeholder='Password' type='password'>
        Password
      </Input>
    </div>
  );
}