joyent-portal/packages/ui-toolkit/src/message
2017-10-09 14:51:44 +01:00
..
index.js feat(ui-toolkit): refactor Message into a more composable widget 2017-10-09 14:51:44 +01:00
Readme.md feat(ui-toolkit): refactor Message into a more composable widget 2017-10-09 14:51:44 +01:00

Success/Educational

const { 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 { Title, Description } = require('.');

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

Warning

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

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