Cmd/Ctrl + K to search
ESC to clear / exit
Watson
  • Welcome
  • Getting started
  • Latest Updates
  • Contributing
  • Foundations
  • Watson Web
  • Watson Mobile
  • UI Kit
Welcome Getting started Latest Updates Contributing Foundations Watson Web Watson Mobile UI Kit
  • Watson Web
  • Components
    • Action Bar
    • Avatar
    • Badge
    • Banner
    • Breadcrumbs
    • Button
    • Button Group
    • Calendar
    • Card
    • Checkbox
    • Collapse
    • Combobox
    • Date Picker
    • Divider
    • Dropdown Menu
    • Empty State
      • Usage Guidelines
      • Accessibility Guidelines
      • Vue 3
      • Vue 2
      • Web components
    • Feedback
    • Fieldset
    • File Upload
    • Filter
    • Grid
    • Header
    • Icon
    • Icon Button
    • Illustration
    • Input
    • Label
    • Layout
    • Link
    • Loading overlay
    • Modal
    • Navigation List
    • Pagination
    • Popover
    • Progress Bar
    • Radio
    • Segmented Control
    • Select
    • Skeleton
    • Spacer
    • Spinner
    • Stack
    • Step Indicator
    • Table
    • Tabs
    • Text
    • Textarea
    • Tile
    • Toast
    • Toggle
    • Tooltip
  • Patterns
  • Templates
Powered by Supernova

Empty State

Empty states are used to fill blank spaces when no content is present, or when the feature is temporarily empty. They are meant to propose a path forward.

  • Usage Guidelines
  • Accessibility Guidelines
  • Vue 3
  • Vue 2
  • Web components
Open in Storybook
Empty State
Accessibility Guidelines
Empty State
Vue 2

© 2026 Watson. Page last updated on Sep 18, 2025, 13:47