CSS: rubric-note

div[class~="instui-rubric-note"] — Strukturert notat med rubrikkategorier og poengindikatorer.

✅ Bruk Rubric-Note når:

• Viser vurderingsrubrikk eller vurderingskriterier

• Du trenger å strukturere innhold etter kategori med poeng eller indikatorer

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

• Viser enkle notater eller kommentarer — bruk Callout i stedet

• Komplekst vurderingslogikk kreves — vurder en egendefinert komponent

Tilgjengelighet

• Bruk tabelldrevet semantikk hvis du viser en ekte rubrikk med rader og kolonner
• Sørg for at poengindikatorer ikke kun er fargebaserte
• Gi beskrivende etiketter for hver kategori

Bruk

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

Eksempler

Deler

Del	Beskrivelse
.instui-criteria	Beholder for rader med rubrikkriterier.
.instui-description	Detaljert beskrivelse av kriteriet.
.instui-header	Topptekst med tittel og metadata.
.instui-name	Kriterienavn eller kategori.
.instui-row	Enkel rad for kriterium.
.instui-score	Poengindikator eller merke.

Tilstander

Tilstand	Beskrivelse
:optional	—

Forbrukte tokens

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