רכיביםProחדש
מתג מבריק
מתג מוחשי עם ידית כבדה שזזה וחושפת חלון מואר. עובד כתיבת סימון אמיתית, גם מהמקלדת.
התאמה
accentColor
מבוסס על witty-fly-56 by csemszepp (MIT רישיון) · תנאי שימוש
מאפיינים
9 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| defaultChecked | boolean | true | האם המתג מתחיל במצב פעיל. |
| checked | boolean | — | מצב בשליטתך. בלעדיו המתג שומר את המצב בעצמו. |
| onCheckedChange | (checked: boolean) => void | — | נקרא עם המצב החדש אחרי כל החלפה. |
| width | number | 160 | רוחב בפיקסלים; הגובה הוא הרוחב חלקי 2.5. |
| accentColor | string | "#f5f5f5" | צבע החלון המואר במצב פעיל. |
| duration | number | 0.6 | שניות לתזוזת הידית. |
| disabled | boolean | false | להשבית את המתג. |
| label | string | "Toggle" | שם נגיש של המתג. |
| className | string | — | מחלקות לעוטף. |
תלויות
2 חבילות נדרשות
npm install clsx tailwind-merge