Message

A component that will allow you to render all kinds of messages meant to be used in forms: error states, warnings and success confirmations. To use, import from @marvelapp/ui:

import { Message } from '@marvelapp/ui';

Kind

The <Message /> component has a few kinds available that can be used depending on the context of the action being performed.

I am designed to give you some additional information about stuff.
Whereas I will let you know when there's a problem of sorts.
I will congratulate you upon succeeding!
<Message kind="information">
  <Text>
    I am designed to give you some additional information about stuff.
  </Text>
</Message>
<Message kind="error">
  <Text>
    Whereas I will let you know when there's a problem of sorts.
  </Text>
</Message>
<Message kind="success">
  <Text>
    I will congratulate you upon succeeding!
  </Text>
</Message>

Props

Prop
Type
Default
borderWidth
number
6
children
React.Element
kind
error
information
success
information