Gravity
Search…
Gravity
Welcome to Gravity
Getting Started
Stack
Updates
Changelog
Gravity Server
Introduction
Installation
Application Structure
REST API
Authentication
Config
Environment Variables
Database Queries
Handling Errors
Logging
Push Notifications
Email Notifications
User Feedback
Permissions (Roles)
File Uploads
Payments
Free Accounts
CLI Toolbelt
Testing
Gravity Web
Introduction
Tailwind & SCSS
Routing
Events
Authentication
Hooks
Views
Handling Errors
Deployment
Components
Animate
Article
Badge
Button
Card
Chart
Feature List
Feedback
Form
Grid
Header
Hero
Icon
Image
Layout
Link
List
Loader
Logo
Message
Modal
Nav
Notification
Onboarding
Pricing
Progress
Search
Social
Stat
Table
Tabs
Testimonial
Gravity Native
Introduction
Prerequisites
Installation
App Context
Authentication
Magic Links
Handling Errors
Navigation
Config
Events
Views
Components
Push Notifications
Payments
Building Your App
Mission Control
Introduction
Installation
User Management
Feedback
Events
Logs
Powered By
GitBook
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
​
Previous
Logo
Next
Modal
Last modified
3mo ago
Copy link
Contents
Props
Blank Slate Message