empty-state.md

< Back to Components List

Empty state

polaris-empty-state implements the Polaris Empty state component.

NOTE: the largeImage property is currently unimplemented.

Examples

Inline usage without secondary action:

{{polaris-empty-state
  heading="Check out this new feature"
  image="new-feature.jpg"
  text="This new feature is great"
  action=(hash
    text="Take a look"
    onAction=(action "showNewFeature")
  )
}}

Block usage with secondary action:

{{#polaris-empty-state
  heading="Check out this new feature"
  image="new-feature.jpg"
  action=(hash
    text="Take a look"
    onAction=(action "showNewFeature")
  )
  secondaryAction=(hash
    text="Learn more"
    onAction=(action "openBlog")
  )
}}
  We've got an awesome new feature!
{{/polaris-empty-state}}