The Component Gallery
  • Components
  • Design systems
  • About

Component

Empty state

An indication to the user that there is no data to display in the current view; it often includes an alternative action (e.g. try a different search term).

7 examples

  • Empty

    Ant Design

    Ant Financial

    • React
    • Code examples
    • Accessibility issues
  • Empty state

    Atlassian Design System

    • React
    • Code examples
    • Usage guidelines
    • Tone of voice
    • Accessibility
  • Empty prompt

    Elastic UI framework

    Elastic

    • React
    • Sass
    • Code examples
    • Open source
  • Empty state

    Nord Design System

    Nordhealth

    • Web Components
    • Code examples
    • Usage guidelines
  • Empty state

    Orbit

    Kiwi.com

    • React
    • CSS-in-JS
    • Usage guidelines
    • Open source
    • Code examples
    • Tone of voice
  • Empty State

    Seeds

    Sprout Social

    • React
    • Code examples
    • Usage guidelines
    • Tone of voice
  • Empty state

    Stacks

    Stack Overflow

    • Stimulus
    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

© 2023 Iain Bean

  • Contribute
  • Colophon
  • Changelog