Message

Messages communicate important information to a user inside a view, card or modal.
1
<Message
2
  closable
3
  title='Welcome to Gravity!'
4
  text='This is a sample dashboard to get you started'
5
  type='success'
6
/>
Copied!
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.
Avoid putting a BlankSlateMessage inside the <Animate> component to avoid styling issues.
1
<BlankSlateMessage
2
 title='No items found'
3
 text='Would you like to create one?' 
4
 buttonText='Create Item' 
5
 action={ this.createItem } 
6
/>
Copied!
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
marginTop
offset the top 
px, em
marginLeft
offset the left margin
px, em
​

Logo

Modal

Last modified 3mo ago

Copy link

Contents

Props

Blank Slate Message