Gravity
Search…
Gravity Server
Gravity Web
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.
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
​
Last modified 3mo ago
Copy link