joyent-portal/packages/ui-toolkit/src/message
2018-02-26 14:43:16 +00:00
..
__tests__ test(my-joy-beta): update snapshots 2018-02-26 14:43:16 +00:00
index.js test(my-joy-beta): update snapshots 2018-02-26 14:43:16 +00:00
Readme.md fix(ui-toolkit): overhaul components 2018-02-26 12:07:30 +00:00

Page Message

const React = require('react');
const { Message, Title, Description } = require('.');

<div>
  <Message onCloseClick={() => null}>
    <Title>Choosing deployment data center</Title>
    <Description>
      Not all data centres have all configurations of instances available. Make
      sure that you choose the data center that suits your requirements. Learn
      more
    </Description>
  </Message>
  <br />
  <Message onCloseClick={() => null} warning>
    <Title>Choosing deployment data center</Title>
    <Description>
      Not all data centres have all configurations of instances available. Make
      sure that you choose the data center that suits your requirements. Learn
      more
    </Description>
  </Message>
  <br />
  <Message onCloseClick={() => null} error>
    <Title>Choosing deployment data center</Title>
    <Description>
      Not all data centres have all configurations of instances available. Make
      sure that you choose the data center that suits your requirements. Learn
      more
    </Description>
  </Message>
</div>;