Components

Empty State

Empty states are moments designed to prevent confusion when the primary contents of a page cannot be displayed.

Empty states show up in various scenarios. For example, they can be displayed with a simple error message when a page content is unable to load.

Empty state imagery typically uses the component.

import { EmptyState } from '@sproutsocial/racine'

Properties

NameTypeDefaultDescriptionRequired?
mediaReact.Node
An image in (preferably in SVG format)
headlineReact.Node
A headline describing the empty state
subtextReact.Node
Optional description of the empty state
primaryAction
Element for the primary call-to-action
secondaryAction
Element for any secondary call-to-action