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

PropDescriptionRequiredValue

action

callback executed on click

optional

function

buttonText

button label

optional

string

text

message text

optional

string

title

title

optional

string

Last updated