CSS: rubric-note ​

div[class~="instui-rubric-note"] — Կառուցված նշում՝ ռուբրիկայի կատեգորիաներով և գնահատման նշիչներով։

✅ Օգտագործել Rubric-Note, երբ՝

  • Ցուցադրում եք գնահատման ռուբրիկա կամ գնահատման չափանիշներ

  • Պետք է համակարգեք բովանդակությունը կատեգորիաներով՝ գնահատականներով կամ նշիչներով

  • Ստեփանակն անպայման պետք է ընդգծի կառուցվածքը և հիերարխիան 🚫 Մի օգտագործեք Rubric-Note, երբ՝

  • Ցանկանում եք ցուցադրել պարզ նշումներ կամ հրահանգներ — փոխարենը օգտագործեք Callout

  • Պահանջվում է բարդ գնահատման լոյիկա — դիտարկեք հարմարեցված կոմպոնենտ

Մուտքականություն ​

  • Եթե ցուցադրում եք իրական ռուբրիկա՝ օգտագործեք աղյուսակի սեմանտիկա՝ տողերով և սյունակներով
  • Համոզվեք, որ գնահատականների նշիչները միայն գույնով չեն տարբերվում
  • Վերաբերյալ յուրաքանչյուր կատեգորիայի տրամադրեք մանրամասն նշագրումներ

Օգտագործում ​

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

Մասեր ​

ՄասՆկարագիր
.instui-criteriaՌուբրիկայի չափանիշների տողերի կոնտեյներ։
.instui-descriptionՄանրամասն նկարագրություն չափանիշի համար։
.instui-headerՎերնագիր՝ անվանով և մետատվյալով։
.instui-nameՉափանիշի անունը կամ կատեգորիան։
.instui-rowԱնհատական չափանիշի տող։
.instui-scoreԳնահատման նշիչ կամ բջիջ։

Փոփոխական վիճակներ ​

ՎիճակՆկարագիր
:optional—

Ցուցիչներ սպառված ​

TokenՏիպԱրժեք
--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——

Ավելին կապված ​