Components / UI components / Feedback
FeedbackExperimental alpha
EmptyState
An explanation of missing content with an appropriate next action.
EmptyState preview
No projects yet
Add a project to start your collection.
Interactions use local sample data.
Usage and props
Distinguish no content, filtered results and access failures in the message. Choose a next action that resolves the actual reason.
Supported inputs
This is the public signature used by this example. Open Code to see how the values and callbacks fit together.
align?: start | center · native div props · EmptyStateTitle/Description/Actions/IconThese are the main props for the example. The package's TypeScript declarations include the full API.