Message

<Message>Message</Message>

<WrapperHorizontal>
  <Message type="default">Default</Message>
  <Message type="primary">Primary</Message>
  <Message type="success">Success</Message>
  <Message type="warning">Warning</Message>
  <Message type="error">Error</Message>
  <Message type="info">Info</Message>
</WrapperHorizontal>

<WrapperVertical>
  <Message type="primary" isReversedColor>
    Message with reversed color
  </Message>
  <Message type="success" isReversedColor>
    Message with reversed color
  </Message>
  <Message type="warning" isReversedColor>
    Message with reversed color
  </Message>
  <Message type="error" isReversedColor>
    Message with reversed color
  </Message>
  <Message type="info" isReversedColor>
    Message with reversed color
  </Message>
</WrapperVertical>

<WrapperHorizontal>
  <MessageLight type="default">MessageLight</MessageLight>
  <MessageLight type="primary">MessageLight</MessageLight>
  <MessageLight type="success">MessageLight</MessageLight>
  <MessageLight type="warning">MessageLight</MessageLight>
  <MessageLight type="error">MessageLight</MessageLight>
  <MessageLight type="info">MessageLight</MessageLight>
</WrapperHorizontal>