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.

Something is Wrong

Unable to load page

Oops, something went wrong and this page was not able to load.

import { EmptyState } from '@sproutsocial/racine'

Properties

System props

System props apply standard sets of properties to a component that can be used to alter its appearance on the fly.

NameTypeDefaultDescriptionRequired?
mediaReactNode
A required image, SVG format
headlineReactNode
A required headline describing the empty state
subtextReactNode
An optional description further describing the empty state
primaryActionunknown
An optional call-to-action
secondaryActionunknown
An optional additional call-to-action