تم بناؤه باستخدام vanilla JavaScript وليس jQuery أو حتى dependencies.
استمتع من خلال Hooper بمنافذ عرض متعددة وسيناريوهات مختلفة، حيث يتنوع و يتناسب مع الأحجام المختلفة.
تم مراعاة أجهزة الجوال أثناء تصميم Hooper، بالإضافة إلى إجراءات السحب التى تتم عبر الماوس لأجهزة الكمبيوتر.
يعمل Hooper مع SVGs لرموز التنقل المخصصة أيضًا؛ لتوفير تجربة أكثر سلاسة.
يوفر Hooper تجربة انتقالات بسيطة بين أشرطة التمرير، ويمكنك ضبط الانتقالات الخاصة بك بسهولة.
يتوافق Hooper مع جميع المتصفحات كما أنه يوفر نفس الخبرة المتناغمة.
npm install hooper
# or use yarn
yarn add hooper
# Usage
<template>
<hooper>
<slide>
slide 1
</slide>
<slide>
slide 2
</slide>
...
</hooper>
<template>
<script>
import { Hooper, Slide } form 'hooper';
export default {
name: 'App',
components: {
Hooper,
Slide
}
}
</script>