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