CSS: rubric-note

div[class~="instui-rubric-note"] — Strukturert merknad med rubrikkategoriar og poengindikatorar.

✅ Bruk Rubric-Note når:

• Vise vurderingsrubrikk eller vurderingskriterium

• Du treng å strukturere innhald etter kategori med poeng eller indikatorar

• Oppsettet bør framheve struktur og hierarki 🚫 Ikkje bruk Rubric-Note når:

• Viser enkle merknader eller kommentarar — bruk heller Callout

• Det trengs kompleks vurderingslogikk — vurder ein tilpassa komponent

Tilgjenge

• Bruk tabellsemantikk om du viser ei ekte rubrikk med rader og kolonnar
• Sørg for at poengindikatorar ikkje berre er baserte på farge
• Gje beskrivande etikettar for kvar kategori

Bruk

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

Delar

Del	Skildring
.instui-criteria	Behaldar for radene med rubrikkriteriar.
.instui-description	Detaljert beskriving av kriteriet.
.instui-header	Overskrift med tittel og metadata.
.instui-name	Namnet på kriteriet eller kategori.
.instui-row	Ein rad for eit enkelt kriterium.
.instui-score	Poengindikator eller merke.

Tilstandar

Tilstand	Skildring
:optional	—

Token brukt

Token	Type	Verdi
--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	—	—

Relatert

• card