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

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

Samplaí

Sliotáin

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

Codanna

Cuid	Cur síos
.instui-content	Coimeádán don ábhar téacs.
.instui-icon	Siombail roghnach ar chlé den ábhar.

Fo-eilimintí

Fo-eilimint	Cur síos
::before	—

Stáit

Stát	Cur síos
:optional	—

Tóicíní a úsáideadh

Token	Cineál	Luach
--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

• alert