History

Alex Windett 12717c26cf continuing to update color object names in ui kit		2017-02-20 12:11:39 +00:00
..
index.js	continuing to update color object names in ui kit	2017-02-20 12:11:39 +00:00
readme.md	Adding modal to side nav and refactoring	2016-11-23 12:04:49 +00:00
story.js	remove Close dependency from Modal	2017-01-16 19:45:56 +00:00

readme.md

`<Modal>`

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

const trigger = () => {
  return (
    <p>This is the trigger</p>
  )
};

nmodule.exports = ReactDOM.renderToString(
  <Base>
    <Row>
      <Column>  
        <Modal name="modal1" trigger={trigger} >
          <h2>This is the Modal</h2>
        </Modal>
      </Column>
    </Row>  
  </Base>
);

usage

const React = require('react');
const Modal = require('ui/button');

const trigger = () => {
  return (
    <p>This is the trigger</p>
  )
};

module.exports = () => {
  return (
    <Modal name="modal1" trigger={trigger} >
      <h2>This is the Modal</h2>
    </Modal>
  );
}