Skip to content

Actions (gombok)

Az actions[] a toastban megjelenő gombok listája.

Miért jobb ez, mint egy sima link?

  • a toast “cselekvő” elem: ott és akkor ad lehetőséget
  • több opciót is adhatsz (Open / Retry / Dismiss)
  • variant segítségével vizuálisan is jelzed a kockázatot (danger)

Alap példa

js
FToast.info("Válassz műveletet:", {
  duration: 0,
  actions: [
    { text: "Megnyitás", variant: "info", icon: "fa-solid fa-arrow-right", onClick: () => console.log("open") },
    { text: "Újrapróbál", variant: "success", icon: "fa-solid fa-rotate", onClick: () => console.log("retry") },
    { text: "Bezár", variant: "outline", icon: "fa-solid fa-xmark" }
  ]
});

Mezők

MezőTípusLeírás
textstringfelirat
variantstringneutral/outline/info/success/warning/danger vagy saját
iconstringikon class (opcionális)
classNamestringteljes class override
onClickfncallback
closebooleanha false, nem zárja be a toastot

Nem záródó action

js
FToast.info("Háttér művelet fut...", {
  duration: 0,
  actions: [
    { text: "Log", variant: "outline", close: false, onClick: () => console.log("log") },
    { text: "OK", variant: "info" }
  ]
});

Saját gomb variáns

js
FToast.setClasses({
  btn: {
    purple: "bg-purple-500 hover:bg-purple-600 border-purple-500/30 text-white"
  }
});

FToast.info("Egyedi", { actions: [{ text: "Purple", variant: "purple" }] });