খেলাঘর

উপাদান · Components

বার্তা

কী হলো আর এখন কী করবেন, এক লাইনে। ভুল হলে ক্ষমা চাওয়া নয়, সমাধান। আর প্রতিটা বার্তার সাথে একজন আকাশের বন্ধু।

টোস্ট

Short confirmations that disappear on their own. A coloured bar at the bottom shows the time left.

ডায়ালগ

Used only when the user must decide. The mascot breaks out of the top edge. Esc and clicking outside close it; focus stays inside while open.

সতর্কবার্তা

Stays on the page until the situation changes. One line of what happened, one of what to do.
নতুন শিক্ষাবর্ষ শুরু হচ্ছেশ্রেণি প্রমোশনের আগে একটি ব্যাকআপ নিন।
ফলাফল প্রকাশিত হয়েছে৩০ জন অভিভাবক এসএমএস পেয়েছেন।
৩ জনের হাজিরা বাকিসংরক্ষণের আগে তালিকা শেষ করুন।

টুলটিপ

Shows on hover and on keyboard focus. The arrow is a real rotated element.

খালি অবস্থা

An empty screen is an invitation to act: name what is missing and offer the one action that fills it.

এখনো কোনো হোমওয়ার্ক নেই

তৃতীয় শ্রেণির জন্য প্রথম হোমওয়ার্কটি দিন, শিক্ষার্থীরা অ্যাপে দেখতে পাবে।

লোড হচ্ছে

Skeletons match the shape of what's coming, so nothing jumps when it arrives.

নিয়ম

করুন
  • Write what happened, then what to do
  • Use the same verb as the button: সংরক্ষণ → সংরক্ষিত
  • Put the safe choice first in a destructive dialog
করবেন না
  • Apologise in error messages
  • Use a dialog for something a toast can say
  • Stack more than three toasts