Descriptions
Display multiple read-only fields in groups.
Khi nào sử dụng
Chi tiết đối tượng
Hiện thông tin chi tiết đơn hàng, người dùng hoặc sản phẩm.
Trang xác nhận
Tóm tắt thông tin trước khi submit trong wizard.
Metadata Display
Present system info like timestamps or IDs.
Hướng dẫn
Do
- Sắp xếp từ thông tin quan trọng đến phụ
- Dùng layout responsive (vertical trên mobile)
Don't
- Dùng cho dữ liệu dạng bảng nhiều dòng
- Đặt quá nhiều cột khiến label bị cắt
Basic
User Info
UserNameZhou Maomao | Telephone1810000000 | LiveHangzhou, Zhejiang |
RemarkEmpty | AddressNo. 18, Wantang Road, Xihu District, Hangzhou | |
Bordered
User Info
| UserName | Zhou Maomao | Telephone | 1810000000 | Live | Hangzhou, Zhejiang |
|---|---|---|---|---|---|
| Remark | Empty | Address | No. 18, Wantang Road, Xihu District, Hangzhou | ||
Vertical
User Info
UserName | Telephone | Live |
|---|---|---|
Zhou Maomao | 1810000000 | Hangzhou, Zhejiang |
Remark | Address | |
Empty | No. 18, Wantang Road, Xihu District, Hangzhou | |