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.
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.
COMMON
Learn moreName | Type | Default | Description | Required? |
---|---|---|---|---|
media | ReactNode | A required image, SVG format | ||
headline | ReactNode | A required headline describing the empty state | ||
subtext | ReactNode | An optional description further describing the empty state | ||
primaryAction | unknown | An optional call-to-action | ||
secondaryAction | unknown | An optional additional call-to-action |