אנימציותחדש
מרקיזה
רצועה אינסופית של כרטיסים או לוגואים שנעה בלולאה חלקה ויכולה לעצור במעבר עכבר.
התאמה
color
accentColor
highlightColor
מבוסס על Marquee (MIT רישיון) · תנאי שימוש
עוד ב-Pro
לכל הרכיביםמאפיינים
10 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| children | ReactNode | — | מה לגלול: כרטיסים, לוגואים, המלצות. |
| duration | number | 40 | שניות לסיבוב אחד. פחות זה מהיר יותר. |
| reverse | boolean | false | לגלול בכיוון ההפוך. |
| pauseOnHover | boolean | false | לעצור את הרצועה במעבר עכבר. |
| vertical | boolean | false | לגלול אנכית במקום הצידה. |
| repeat | number | 4 | כמה עותקים של התוכן ברצועה, כדי שלא יהיו רווחים. |
| color | string | "#ffffff" | הצבע הראשי. הילדים קוראים אותו דרך var(--marquee-c1). |
| accentColor | string | "#a3a3a3" | הצבע השני. הילדים קוראים אותו דרך var(--marquee-c2). |
| highlightColor | string | "#ffffff" | צבע הדגשה בהיר. הילדים קוראים אותו דרך var(--marquee-c3). |
| className | string | — | מחלקות לעוטף. את הרווח קובעים עם [--gap:2rem]. |
תלויות
2 חבילות נדרשות
npm install clsx tailwind-merge