duct alert

duct alert

duct-alert ile kullanıcılara bildirimleri animasyonlu bir şekilde gösterebilirsiniz.

duct-alert setup

npm i duct-alert

Kurulumdan sonra kullanmak istediğiniz bileşene duct-alert paketini ekleyin.

import alertDuct from 'duct-alert'

kullanıma hazır

alertDuct({
  animateInClass : 'animate__backInDown',
  animateOutClass : 'animate__backOutDown',
  type: 'info',
  head : 'Completed Successfully',
  message : 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim doloremque repellat, vitae at fugit numquam fugiat veniam a minus! Provident fugiat, optio dignissimos officia voluptatem ea. Unde nemo in eum!',
  button : {
   closeText : 'Close'
  },
  clickOutSide : false
})

Bildirimlerinizi alertDuct işlevi içinden gönderebilirsiniz.

Parametreler

İsim

Değer

Varsayılan Değer

type

Bildirimlerin türünü belirtir. danger, warning, success, info

info

animateInClass

Açılır pencerenin açılış animasyonu. Farklı animasyon türleri için Animate.css'e göz atabilirsiniz.

animate__bounceIn

animateOutClass

Açılır pencerenin kapanış animasyonu. Farklı animasyon türleri için Animate.css'e göz atabilirsiniz.

animate__bounceOut

head

Bildirim kutusundaki başlığı temsil eder

empty

message

Bildirim kutusundaki Açıklayıcı metni temsil eder

required

closeText

kapat düğmesindeki metin

Close

clickOutSide

Açılır pencerenin dışına tıklandığında açılır pencerenin kapatılmasına izin verir

true