joyent-portal/packages/ui-toolkit/src/message
2018-01-17 19:40:10 +00:00
..
__tests__ test: update snapshots 2018-01-17 19:40:10 +00:00
index.js test(ui-toolkit): initial tests 2017-12-22 01:08:27 +00:00
Readme.md test: update snapshots 2018-01-08 15:05:48 +00:00

Success/Educational

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

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

Error

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

<Message error>
  <Title>Choosing deployment data center</Title>
  <Description>Oh no</Description>
</Message>;

Warning

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

<Message warning>
  <Title>Choosing deployment data center</Title>
  <Description>There were some issues</Description>
</Message>;