Gravity
Search…
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