CSS: rubric-note

div[class~="instui-rubric-note"] — Ghi chú có cấu trúc với các hạng mục tiêu chí và chỉ báo điểm.

✅ Sử dụng Rubric-Note khi:

• Hiển thị bảng tiêu chí chấm điểm hoặc tiêu chuẩn đánh giá

• Cần cấu trúc nội dung theo hạng mục với điểm số hoặc chỉ báo

• Bố cục cần nhấn mạnh cấu trúc và thứ bậc 🚫 Không dùng Rubric-Note khi:

• Hiển thị ghi chú hoặc nhận xét đơn giản — hãy dùng Callout thay thế

• Cần logic chấm điểm phức tạp — xem xét tạo một thành phần tùy chỉnh

Khả năng truy cập

• Dùng ngữ nghĩa bảng nếu hiển thị một rubric thực sự với hàng và cột
• Đảm bảo các chỉ báo điểm không chỉ phân biệt bằng màu sắc
• Cung cấp nhãn mô tả cho mỗi hạng mục

Sử dụng

@import "@pantoken/plugin-layouts/layouts.css";

Phần

Phần	Mô tả
.instui-criteria	Vùng chứa cho các hàng tiêu chí của rubric.
.instui-description	Mô tả chi tiết của tiêu chí.
.instui-header	Đầu mục với tiêu đề và siêu dữ liệu.
.instui-name	Tên tiêu chí hoặc hạng mục.
.instui-row	Hàng tiêu chí đơn lẻ.
.instui-score	Chỉ báo điểm hoặc huy hiệu.

Trạng thái

Trạng thái	Mô tả
:optional	—

Token tiêu thụ

Token	Kiểu	Giá trị
--instui-color-background	—	—
--instui-color-border	—	—
--instui-color-info-background	—	—
--instui-color-info-text	—	—
--instui-color-primary	—	—
--instui-color-surface	—	—
--instui-color-text-secondary	—	—
--instui-font-size-small	<length>	—
--instui-font-weight-semibold	—	—
--instui-radius-medium	—	—
--instui-space-medium	—	—
--instui-space-small	—	—

Liên quan

• card