joyent-portal/packages/ui-toolkit/src/message
Sara Vieira 9bdf02b1ba feat(ui-toolkit): add new components
references #1238

this includes:
 - add footer and frids
 - update colors
 - add tags
 - add empty table
 - add superscript
 - add toasts
2018-03-20 11:44:20 +00:00
..
__tests__ feat(ui-toolkit): add new components 2018-03-20 11:44:20 +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>;