joyent-portal/ui/src/components/select-custom
Sérgio Ramos 3ab029248f baseline composer 2017-02-16 12:37:46 +00:00
..
index.js baseline composer 2017-02-16 12:37:46 +00:00
readme.md adding react-select to ui 2017-01-06 15:14:38 +00:00
story.js moving stories to directory folders 2017-01-11 14:22:42 +00:00

readme.md

Select

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 Select = require('./index.js');

nmodule.exports = ReactDOM.renderToString(
  <Base>
    <Row>
      <Column xs={12}>
        <Select label='example select'>
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
        </Select>
      </Column>
    </Row>
    <Row>
      <Column xs={12}>
        <Select multiple label='example multiple select'>
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
        </Select>
      </Column>
    </Row>
  </Base>
);

usage

const React = require('react');
const Select = require('ui/select');

module.exports = () => {
  return (
    <Select multiple label='example select'>
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </Select>
  );
}