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

37 lines
763 B
Markdown
Raw Normal View History

2017-09-26 19:07:45 +03:00
#### Success/Educational
2017-09-08 15:01:37 +03:00
```jsx
const { Message, Title, Description } = require('.');
<Message>
<Title>Choosing deployment data center</Title>
2017-10-12 21:15:51 +03:00
<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>;
2017-09-08 15:01:37 +03:00
```
2017-09-26 19:07:45 +03:00
#### Error
2017-09-08 15:01:37 +03:00
```jsx
const { Message, Title, Description } = require('.');
<Message error>
<Title>Choosing deployment data center</Title>
<Description>Oh no</Description>
2017-10-12 21:15:51 +03:00
</Message>;
2017-09-08 15:01:37 +03:00
```
2017-09-26 19:07:45 +03:00
#### Warning
2017-09-08 15:01:37 +03:00
```jsx
const { Message, Title, Description } = require('.');
2017-09-26 19:07:45 +03:00
<Message warning>
<Title>Choosing deployment data center</Title>
<Description>There were some issues</Description>
2017-10-12 21:15:51 +03:00
</Message>;
```