Blankslate

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

Preview

Code

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

To centre the blank slate in the view, pass the justify prop to the parent <View> component.

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

Last updated

Was this helpful?