CSS: callout ​

div[class~="instui-callout"] — Fógra faisnéise líne-isteach le haghaidh meabhrúcháin nó nóta gairid.

✅ Úsáid Callout nuair a:

  • Ní mór duit faisnéis thábhachtach nó meabhruithe a ghéarú líne-isteach

  • Tá an teachtaireacht sách gairid (abairt go mír ghearr)

  • Ba chóir don fógra aird a tharraingt gan an phríomhshruth a chur isteach 🚫 Ná húsáid Callout nuair a:

  • Éilíonn an teachtaireacht idirghníomhú nó ilghníomhartha — bain úsáid as Modal nó Alert Dialog

  • Is é an t-ábhar príomhfhócas an leathanaigh — bain úsáid as Card nó leagan Hero ina ionad

Inrochtaineacht ​

  • Cinntigh go bhfuil an ról fógra curtha i bhfeidhm i gceart (role="alert" nó role="status")
  • Úsáid codarsnacht dathanna seimeantacha a chomhlíonann caighdeáin WCAG AA
  • Ná muinín a bheith agat as dath amháin chun brí a chur in iúl

Úsáid ​

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

Sliotáin ​

SliotánCur síos
messageÁbhar teachtaireachta an fhógra

Codanna ​

CuidCur síos
.instui-contentCoimeádán don ábhar téacs.
.instui-iconSiombail roghnach ar chlé den ábhar.

Fo-eilimintí ​

Fo-eilimintCur síos
::before—

Stáit ​

StátCur síos
:optional—

Tóicíní a úsáideadh ​

TokenCineálLuach
--instui-color-info-background——
--instui-color-info-border——
--instui-color-info-text——
--instui-radius-medium——
--instui-size-small<length>—
--instui-space-medium——
--instui-space-small——

Gaolmhar ​