Menu
Sidera/Components/Empty State

Empty State

One component covers both zero-data and error states — the same anatomy, a different tone. Explain what happened and give a clear next step.

CategoryFeedback
StatusStable
01Empty
No results yet

Try adjusting your filters or search terms.

02Error
500
Something went wrong

We couldn't load this page. Try again in a moment.

03Properties
PropTypeDefault
variantempty | errorempty
iconReactNode
codestring
titlestring
descriptionstring
actionsReactNode
04Usage

Keep the message specific and the action singular. An empty state after a filter should offer "Clear filters"; a genuine error should offer "Retry" — never both at once.