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'
/>
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 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.
<BlankSlateMessage
title='No items found'
text='Would you like to create one?'
buttonText='Create Item'
action={ this.createItem }
/>
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 1yr ago