> 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/blankslate.md).

# Blankslate

Blank slate messages are used when there is no data to display and prompts the user to take action.

## Preview

<div align="left"><figure><img src="/files/KWswix8VEsctrls96G03" alt="" width="203"><figcaption></figcaption></figure></div>

## Code

```javascript
<BlankSlateMessage
  title='No items found'
  text='Would you like to create one?' 
  buttonText='Create Item' 
  action={ createItem } 
/>
```

{% hint style="info" %}
To centre the blank slate in the view, pass the `justify` prop to the parent [\<View>](/gravity-native/components/view.md) component.
{% endhint %}

#### Props

| Prop       | Description                 | Required | Value    |
| ---------- | --------------------------- | -------- | -------- |
| action     | callback executed on  click | optional | function |
| buttonText | button label                | optional | string   |
| text       | message text                | optional | string   |
| title      | title                       | optional | string   |