joyent-portal/packages/ui-toolkit/src/message/Readme.md
Sérgio Ramos d84f972fbe smaller and simpler Card api (#821)
* feat(ui-toolkit): smaller and simpler Card api

fixes: #809
fixes: #777

* feat(ui-toolkit) - Make adjustments to header (#824)

* feat(ui-toolkit) - Make adjustments to header

* feat(ui-toolkit) - Make adjustments to header

* add issue and pull request templates (#819)

* feat(all) - Add issue and pull ruequest templates

* Update PULL_REQUEST_TEMPLATE.md

* Create COMMIT_GUIDELINES.md

* Update PULL_REQUEST_TEMPLATE.md

* Update PULL_REQUEST_TEMPLATE.md

* Update COMMIT_GUIDELINES.md

* feat(ui-toolkit): smaller and simpler Card api

fixes: #809
fixes: #777
2017-10-31 10:03:44 +00:00

982 B

Success/Educational

const React = require('react');
const { Message, MessageTitle, MessageDescription } = require('.');

<Message>
  <MessageTitle>Choosing deployment data center</MessageTitle>
  <MessageDescription>
    Not all data centres have all configurations of instances available. Make
    sure that you choose the data center that suits your requirements. Learn
    more
  </MessageDescription>
</Message>

Error

const React = require('react');
const { Message, MessageTitle, MessageDescription } = require('.');

<Message error>
  <MessageTitle>Choosing deployment data center</MessageTitle>
  <MessageDescription>Oh no</MessageDescription>
</Message>

Warning

const React = require('react');
const { Message, MessageTitle, MessageDescription } = require('.');

<Message warning>
  <MessageTitle>Choosing deployment data center</MessageTitle>
  <MessageDescription>There were some issues</MessageDescription>
</Message>