CSS: rubric-note

div[class~="instui-rubric-note"] — Ustrukturyzowana notatka z kategoriami rubryki i wskaźnikami punktacji.

✅ Użyj Rubric-Note, gdy:

• Wyświetlasz rubrykę ocen lub kryteria oceny

• Musisz ustrukturyzować treść według kategorii z wynikami lub wskaźnikami

• Układ powinien podkreślać strukturę i hierarchię 🚫 Nie używaj Rubric-Note, gdy:

• Wyświetlasz proste notatki lub komentarze — użyj zamiast tego Callout

• Potrzebna jest złożona logika oceniania — rozważ niestandardowy komponent

Dostępność

• Użyj semantyki tabeli, jeśli wyświetlasz prawdziwą rubrykę z wierszami i kolumnami
• Upewnij się, że wskaźniki punktów nie opierają się wyłącznie na kolorze
• Zapewnij opisowe etykiety dla każdej kategorii

Użycie

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

Części

Część	Opis
.instui-criteria	Kontener dla wierszy kryteriów rubryki.
.instui-description	Szczegółowy opis kryterium.
.instui-header	Nagłówek z tytułem i metadanymi.
.instui-name	Nazwa kryterium lub kategoria.
.instui-row	Pojedynczy wiersz kryterium.
.instui-score	Wskaźnik punktacji lub odznaka.

Stany

Stan	Opis
:optional	—

Zużyte tokeny

Token	Typ	Wartość
--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	—	—

Powiązane

• card