Loading...
Skip to Content (Press Enter)
Live Style Guide
Home
Styles
UI Patterns
Widgets
Screen Templates
Overview
Content
Accordion
Alert
Balloon
Blank Slate
Bullets
Card
Card Background
Card Sectioned
Carousel
Chat Message
Lightbox Image
Modal
Panel
Section
Tag
Tooltip
Controls
Animated Label
Button Group
Date Picker
Dropdown
Dropdown Select
File Upload
Floating Actions
Input With Icon
Range Slider
Range Slider Interval
Search
Search Balloon
Time Picker
Toggle Button
Video
Emails
Email 3 Rows
Email Section
Layout Email
Layout
Layout Login
Layout Login Split
Layout Popup
Navigation
Breadcrumbs
Navigation Bar
Section Index
Sidebar
Tabs
Timeline
Wizard
Numbers
Badge
Counter
Icon Badge
Progress Bar
Progress Circle
User Initials
Responsive
Display On Device
Load On Visible
Move On Device
Responsive Table Records
Structure
Align Center
Columns2
Columns3
Columns4
Columns5
Columns6
Columns Medium Left
Columns Medium Right
Columns Small Left
Columns Small Right
Gallery
Utilities
Animate
Button Loading
Character Count
Fieldset
Flip Content
Iframe
Separator
Stacked Icon
Blank Slate
An example of content to show users that no data is available to display.
No records have been added yet
When to use
Use Blank Slate to inform users when they start using the application, complete a task or no data is available to be displayed.
Position
Vertically aligns the content inside Blank Slate to Top, Center or Bottom. Horizontally align it to Left, Center or Right.
No records have been added yet
Top Center
No records have been added yet
Center
No records have been added yet
Bottom Center
See more information on implementing this pattern in the
product documentation
Click here to see your activities