CSS: rubric-note

div[class~="instui-rubric-note"] — Nota strutturata con categorie della griglia di valutazione e indicatori di punteggio.

✅ Usa Rubric-Note quando:

• Visualizzi una griglia di valutazione o criteri di valutazione

• Devi strutturare il contenuto per categorie con punteggi o indicatori

• Il layout deve enfatizzare struttura e gerarchia 🚫 Non usare Rubric-Note quando:

• Visualizzi semplici note o commenti — usa invece Callout

• È necessaria una logica di valutazione complessa — considera un componente personalizzato

Accessibilità

• Usa la semantica di tabella se stai mostrando una vera griglia con righe e colonne
• Assicurati che gli indicatori di punteggio non siano basati solo sul colore
• Fornisci etichette descrittive per ogni categoria

Uso

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

Esempi

Parti

Parte	Descrizione
.instui-criteria	Contenitore per le righe dei criteri della griglia di valutazione.
.instui-description	Descrizione dettagliata del criterio.
.instui-header	Intestazione con titolo e metadati.
.instui-name	Nome o categoria del criterio.
.instui-row	Riga del singolo criterio.
.instui-score	Indicatore di punteggio o distintivo.

Stati

Stato	Descrizione
:optional	—

Token consumati

Token	Tipo	Valore
--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	—	—

Correlati

• card