joyent-portal/packages/ui-toolkit/src/message
Sérgio Ramos fc84358dff feat(templates): bootstrap 2018-06-04 11:46:08 +01:00
..
__tests__ feat(templates): bootstrap 2018-06-04 11:46:08 +01:00
Readme.md docs(ui-toolkit): add parallax 2018-04-05 14:29:22 +01:00
index.js feat(ui-toolkit): remove all margins 2018-05-08 15:32:10 +01:00

Readme.md

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>;