CSS: rubric-note

div[class~="instui-rubric-note"] — Catatan terstruktur dengan kategori rubrik dan indikator penilaian.

✅ Gunakan Rubric-Note ketika:

• Menampilkan rubrik penilaian atau kriteria asesmen

• Perlu menstrukturkan konten berdasarkan kategori dengan skor atau indikator

• Tata letak harus menekankan struktur dan hirarki 🚫 Jangan gunakan Rubric-Note ketika:

• Menampilkan catatan atau komentar sederhana — gunakan Callout sebagai gantinya

• Diperlukan logika penilaian yang kompleks — pertimbangkan komponen kustom

Aksesibilitas

• Gunakan semantik tabel jika menampilkan rubrik sebenarnya dengan baris dan kolom
• Pastikan indikator skor tidak hanya bergantung pada warna
• Berikan label deskriptif untuk setiap kategori

Penggunaan

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

Bagian

Bagian	Deskripsi
.instui-criteria	Kontainer untuk baris kriteria rubrik.
.instui-description	Deskripsi rinci dari kriteria.
.instui-header	Header dengan judul dan metadata.
.instui-name	Nama atau kategori kriteria.
.instui-row	Baris kriteria individual.
.instui-score	Indikator skor atau lencana.

Status

Status	Deskripsi
:optional	—

Token yang digunakan

Token	Tipe	Nilai
--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	—	—

Terkait

• card