![NextJS 14 üçün Kofe.al Widgeti](https://kofe.al/storage/images/users_posts/PwPNJv7q0htkAenFWEHBMsjHegzoBCPR5znsdktQ.png)
Websaytıma yusifaliyevpro.com keçid edərək widgetə canlı baxış keçirə bilərsiz.
1. Mühit
Bu component NextJS 13 və üzəri versiyalar üçün və Tailwind CSS işlədənlər üçün hazırlanmışdır. Əvvəlcə aşağıdaki kodu terminalda çalışdıraraq lazımi kitabxanaları yükləyin. Ayrıca Tailwind CSS-i konfiqurasiya edin. Artıq bizə lazım olan hər şey hazırdır.
![](https://kofe.al/images/uploads/1724675800_image_2024-08-26_163639548.png)
2. Qaynaq kodu
İndi isə layihənizdə yeni KofeAlWidget.tsx adlı component yaradın. Bura klikləyin və açılan səhifədən qaynaq kodunu kopyalayaraq həmin fayla yapışdırın. CTRL-S edərək yadda saxlayın və widget hazırdır.
3. İstifadə qaydası
Əgər widgetin bütün səhifələrdə görünməsini istəyirsizsə, layout faylınıza aşağıdaki kimi <KofeAlWidget /> -i əlavə edin
Yox əgər sadəcə bəzi səhifələrdə görünməsini istəyirsizsə bunu həmin səhifələrdə istifadə edin.
4. Proplar
username prop-unu widgetin düzgün çalışması üçün mütləq şəkildə verməlisiniz. Bu username sizin kofe.al saytında istifadə etdiyiniz istifadəçi adı olmalıdır.
isHoverable propu kursor ilə widgetin üzərinə gəldikdə sola doğru açılan kiçik popover-dir. İçərisində kofe.al/@username şəklində mətn olur. (Default: false)
isActiveOnMobile propu ilə bu widgetin mobil cihazlarda göstərilib-göstərilməyəcəyini seçirsiz. (Default: false)