<>Snackbars là các thông báo nhỏ xuất hiện tạm thời ở cạnh dưới màn hình, cung cấp phản hồi ngắn gọn về một hành động của người dùng. Chúng tự động biến mất sau vài giây mà không làm gián đoạn trải nghiệm.
/Khi nào nên sử dụng Snackbars?
✅ Xác nhận hành động thành công hoặc thất bại (ví dụ: “Tin nhắn đã được gửi”)
✅ Cảnh báo về một thay đổi nhỏ (ví dụ: “Mật khẩu đã được cập nhật”)
✅ Hướng dẫn nhanh hoặc mẹo (ví dụ: “Nhấn và giữ để lưu vào danh sách yêu thích”)
🚫 Không dùng cho:
– Thông tin quan trọng yêu cầu phản hồi (dùng modal thay thế)
– Lỗi nghiêm trọng (dùng alert dialog)
/Cấu trúc của một Snackbar
🔹 Text: Nội dung thông báo ngắn gọn, rõ ràng.
🔹 Action (tùy chọn): Một nút như “Hoàn tác” để cho phép người dùng thay đổi hành động.
🔹 Icon (tùy chọn): Biểu tượng nhỏ để tăng tính trực quan.
📌 Ví dụ:
🔘 “Email đã được gửi.” [Hoàn tác]
🔘 “Tệp đã được tải lên thành công.”
/Best Practices khi thiết kế Snackbars
✅ Ngắn gọn & dễ hiểu: Tối đa 2 dòng văn bản.
✅ Không che mất nội dung quan trọng: Đặt ở góc dưới màn hình.
✅ Tự động biến mất: Thường từ 3-5 giây.
✅ Có thể đóng thủ công: Nếu snackbar có nội dung quan trọng hơn.
✅ Màu sắc phù hợp: Dùng màu sắc nhẹ, không gây khó chịu.
