> For the complete documentation index, see [llms.txt](https://docs.usegravity.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.usegravity.app/gravity-native/components/message.md).

# 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="/files/TY63dYNdA5MM6ur75C1M" 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 |