EmptyState UI component

Purpose

EmptyState is a data display component. Visible absence state. Use for empty filters or unavailable data.

Inputs

Field Required Type Behavior
message yes non-empty string Visible explanation; empty or missing messages fail validation.
onClick no callback Optional recovery callback such as clearFilters; omitted renders text-only absence.

Boundary

Absence is visible in text.

Example

package notesui

var noMatchingNotes = (
  <EmptyState
    message="No notes match the current filters"
    onClick={clearFilters}
  ></EmptyState>
)

Props-only text absence omits onClick:

package notesui

var noMatchingNotesText = (
  <EmptyState message="No notes match the current filters"></EmptyState>
)

Runtime Terms

Callback props documents function callback props.

UI framework index

Sources