Foundations
An infinite canvas
Components
An infinite canvas
Accordion
Action bar
Action Button
Action list
Alert banner
App bar
Avatar
Badges
Bottom sheet
Breadcrumb
Button
Button group
Cards
Checkbox
Chip
Combobox
Date picker
Date table
Dialog
Divider
Drawer
Dropdown
Field
Filter input
Help text
Icon
Inline message
Label
Link
List
Menus
Modal
Navigation bar
Page header
Pagination
Popover
Progress bar
Progress indicator
Radio button
Search
Segmented contol
Select
Sidebar
Slider
Snackbar
Switch
Tabs
Tag
Text area
Text field
Toast
Tooltip
Tree View
Patterns
An infinite canvas
Components
Empty state
Pattern
Empty state is a design element used to inform users when there's no content to display. This could be due to various reasons such as a first-time user with no data yet, a search yielding no results, or an error.
Rather than presenting a blank screen, Empty states provide guidance on what to do next, helping to enhance user engagement. Empty state component can offer instructions, feedback, or a call to action to populate the empty area with content. Empty States transform potentially confusing or disappointing moments into opportunities for onboarding, education, and increased user satisfaction.
Properties (Cooming Soon)
Design Systems (3)
Microsoft Fluent 2
Google Material
Carbon Design