joyent-portal/packages/ui-toolkit/src/message/Readme.md

#### Success/Educational

```jsx
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

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

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

#### Warning

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

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