Spin
A spinner for displaying loading state of a page or a section.
Khi nào sử dụng
Loading toàn trang
Overlay spinner khi tải hoặc chuyển trang.
Loading cục bộ
Spinner trên card, table hoặc section đang tải.
Lazy Load
Show while dynamically importing components.
Hướng dẫn
Do
- Thêm text mô tả (đang tải...) cho accessibility
- Dùng delay nhỏ (200ms) tránh flash cho tải nhanh
Don't
- Dùng Spin khi biết tiến độ — hãy dùng Progress
- Chặn toàn bộ trang cho tải một phần nhỏ
Basic
Container
Some content that is loading...
More content here.
Custom Indicator
Loading...