joyent-portal/ui/src/components/radio
2016-10-27 11:00:39 +01:00
..
index.js resolve lint issues 2016-10-27 11:00:39 +01:00
readme.md don't use Container in Radio demo 2016-10-27 10:39:06 +01:00
style.css use more variables in Radio css 2016-10-27 10:38:33 +01:00

<Radio>

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 Radio = require('./index.js');
const styles = require('./style.css');

nmodule.exports = ReactDOM.renderToString(
  <Base>
    <Row>
      <Column>
        <Radio name='gender' value='female' label='Female' checked={false}/>
        <Radio name='gender' value='male' label='Male' checked={true}/>
      </Column>
    </Row>
  </Base>
);

usage

const React = require('react');
const Radio = require('ui/radio');

module.exports = () => {
  return (
    <Radio name='gender' value='female' label='Female' />
    <Radio name='gender' value='male' label='Male' checked/>
  );
}