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 ​

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

Døme ​

Delar ​

DelSkildring
.instui-criteriaBehaldar for radene med rubrikkriteriar.
.instui-descriptionDetaljert beskriving av kriteriet.
.instui-headerOverskrift med tittel og metadata.
.instui-nameNamnet på kriteriet eller kategori.
.instui-rowEin rad for eit enkelt kriterium.
.instui-scorePoengindikator eller merke.

Tilstandar ​

TilstandSkildring
:optional—

Token brukt ​

TokenTypeVerdi
--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 ​