Khối tiêu đề

Các chip tiêu đề cung cấp một đoạn thông tin ngắn.

Các phần tử thiết kế phải được neo vào cuối khung hình.

Nguyên tắc

Theo ngữ cảnh: Mục đích chính của Khối tiêu đề là cung cấp ngữ cảnh rõ ràng và tức thì cho nội dung mà khối này liên kết.

Ngắn gọn: Title Chip được thiết kế để cung cấp thông tin ngắn gọn, thường là tiêu đề, tên hoặc trạng thái ngắn.

Khác biệt về mặt hình ảnh: Mặc dù có vẻ ngoài tương tự như Glimmer của Jetpack Compose, nhưng nhãn này phải có vẻ ngoài đủ khác biệt để được nhận dạng là một nhãn chứ không phải là một nút có thể tương tác.

Cách sử dụng và vị trí

Theo mặc định, chip tiêu đề là một thành phần chỉ đọc.

Sử dụng một chip tiêu đề cho một phần tử tĩnh hoặc mang tính trang trí, để thông báo cho người dùng và gắn nhãn.
Sử dụng khối tiêu đề làm lời nhắc hành động có thể nhấn, vì khối này không có trạng thái tiêu điểm, hãy sử dụng nút thay thế.

Các phần tử thiết kế phải được neo vào cuối khung hình
Bạn có thể so sánh các khối tiêu đề với một thanh ứng dụng di động tĩnh.

Trong một bố cục

Theo mặc định, chip tiêu đề là một thành phần chỉ đọc.

>Các chip cuộn theo bố cục
Ngoài ra, bạn có thể cố định các khối trong bố cục.

Phân tích

Các phần tử thiết kế phải được neo vào cuối khung

Khối tiêu đề mặc định và khối tiêu đề cố định xuất hiện. Thẻ tiêu đề cố định sẽ xuất hiện với một đường viền.

1. Nhãn khối tiêu đề

2. Biểu tượng hoặc thực thể ở đầu (không bắt buộc)

Tùy chỉnh

Bạn có thể hiển thị các chip tiêu đề có hoặc không có biểu tượng cùng với các thuộc tính kiểu khác.

Thuộc tính Tùy chỉnh Mặc định
Hình dạng Lớn, Hình tròn
Khoảng đệm 16 dp, 8 dp
Đường viền 2 dp, #606460
Văn bản Body Small
Biểu tượng hàng đầu 40 dp
Chiều sâu 0
Chiều rộng tối đa Không 352 dp
Chiều cao tối thiểu 56 dp