duct-alert ile kullanıcılara bildirimleri animasyonlu bir şekilde gösterebilirsiniz.
npm i duct-alertKurulumdan 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.
|
İ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 |