Logoapsara
DocumentationExamples
Empty State
Preview
Looking for new componentsCheck out new components in @raystack/apsara
Installation
Install the component from your command line. 
npm install @raystack/apsara
Props
The Flex component accepts the following props:
  • icon: Icon to show in top of empty state
  • heading: primary heading message
  • subHeading: secondary heading message
  • primaryAction: action to show in empty state like button or link
  • secondaryAction: secondary action to show in empty state like button or link
  • classNames: Map of className with internal components
    • container
    • iconContainer
    • icon
    • heading
    • subHeading
Anatomy
Import all parts and piece them together. 
import { EmptyState } from '@raystack/apsara/v1'

<EmptyState headerText="Looking for new components" />