Empty State
What a view shows when it has no content: nothing yet, nothing matching, or an error, and what to do next. Specification: docs/components/empty-state.md
Basics
A .canon-empty-state: an icon (.canon-empty-state-icon, decoration), a title (.canon-empty-state-title, a heading where the page needs one), a description and actions (Buttons). Nothing yet: say what will appear here and how to start.
No users yet
People you invite will show up here.
No results
Content exists but nothing matches the search or filters: say so, and offer the way back.
No matching users
Try other words, or clear the filters to see everyone.
Error
data-intent="danger" when loading failed: say what happened in plain words and offer to try again.
Couldn't load users
Something went wrong on our side. Try again in a moment.
Size
data-size on the empty state or a container: the icon 5 / 6 / 7rem, the text and buttons to match.
No users yet
People you invite will show up here.
No users yet
People you invite will show up here.
Edge cases
Without an icon or actions; a long description wraps at a readable width; right to left.
Nothing to review
When teammates ask for your review, their requests will collect here so you can work through them in one place, oldest first, without hunting through notifications.
لا يوجد مستخدمون بعد
سيظهر هنا الأشخاص الذين تدعوهم.