# Message

Messages communicate important information to a user and are designed to stand out wherever they're placed in your UI.

## Preview

<div align="left"><figure><img src="https://3357577683-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LlnrBGdA8s50Vnplq1j%2Fuploads%2Frc07EenQoRJevcSV9gMX%2Fmessage.png?alt=media&#x26;token=5c834311-b66d-4a68-baf5-ae76a816f2f8" alt="" width="375"><figcaption></figcaption></figure></div>

## Code

```javascript
<Message
  title='Welcome to Gravity!'
  text='This is a sample dashboard to get you started'
  type='success'
  closable
/>
```

## Props

| Prop       | Description                         | Required | Value                                       |
| ---------- | ----------------------------------- | -------- | ------------------------------------------- |
| action     | callback function executed on click | optional | function                                    |
| buttonText | button label                        | optional | string                                      |
| closable   | let the user hide the message       | optional | boolean                                     |
| text       | text label                          | required | string                                      |
| title      | title                               | required | string                                      |
| type       | message type                        | optional | info *(default)*, success, warning or error |