Message

Messages communicate important information to a user inside a view, card or modal.
<Message
  closable
  title='Welcome to Gravity!'
  text='This is a sample dashboard to get you started'
  type='success'
/>
Props
prop
description
value
type
message type
info, success, warning or error
title
message title
string
text
message body
string
closable
show a close button that removes the message (optional)
true or false
buttonText
button label (optional)
string
buttonLink
url link for the button (optional)
string
Blank Slate Message 
Blank slate messages are used when there is no data to display and prompts the user to take action.
<BlankSlateMessage
 title='No items found'
 text='Would you like to create one?' 
 buttonText='Create Item' 
 action={ this.createItem } 
/>
Props
prop
description
value
title
message title
string
text
message body
string
buttonText
button label (optional)
string
action
callback function executed on button click (optional)
function
​

Logo

Modal

Last updated 3 months ago

prop	description	value
type	message type	info, success, warning or error
title	message title	string
text	message body	string
closable	show a close button that removes the message (optional)	true or false
buttonText	button label (optional)	string
buttonLink	url link for the button (optional)	string