CSS: rubric-note

div[class~="instui-rubric-note"] — Δομημένη σημείωση με κατηγορίες ρουμπρίκας και δείκτες βαθμολόγησης.

✅ Χρησιμοποιήστε το Rubric-Note όταν:

• Εμφανίζετε ρουμπρίκα αξιολόγησης ή κριτήρια αξιολόγησης

• Χρειάζεται να δομήσετε περιεχόμενο κατά κατηγορία με βαθμολογίες ή δείκτες

• Η διάταξη πρέπει να τονίζει τη δομή και την ιεραρχία 🚫 Μην χρησιμοποιείτε το Rubric-Note όταν:

• Εμφανίζετε απλά σχόλια ή σημειώσεις — χρησιμοποιήστε Callout αντίθετα

• Απαιτείται πολύπλοκη λογική βαθμολόγησης — εξετάστε ένα προσαρμοσμένο στοιχείο

Προσβασιμότητα

• Χρησιμοποιήστε σημασιολογία πίνακα εάν εμφανίζεται μια πραγματική ρουμπρίκα με σειρές και στήλες
• Βεβαιωθείτε ότι οι δείκτες βαθμολογίας δεν είναι μόνο με χρώμα
• Παρέχετε περιγραφικές ετικέτες για κάθε κατηγορία

Χρήση

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

Μέρη

Μέρος	Περιγραφή
.instui-criteria	Δοχείο για σειρές κριτηρίων ρουμπρίκας.
.instui-description	Λεπτομερής περιγραφή του κριτηρίου.
.instui-header	Επικεφαλίδα με τίτλο και μεταδεδομένα.
.instui-name	Όνομα ή κατηγορία κριτηρίου.
.instui-row	Μονή σειρά κριτηρίου.
.instui-score	Δείκτης βαθμολογίας ή σήμα.

Καταστάσεις

Κατάσταση	Περιγραφή
:optional	—

Καταναλωμένα tokens

Token	Τύπος	Τιμή
--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	—	—

Σχετιζόμενα

• card