רכיביםחדש
מתג מנוף
מתג מתכת על לוח כהה עם שתי נורות. המנוף קופץ למעלה ולמטה והנורה המתאימה נדלקת.
התאמה
onColor
offColor
מבוסס על soft-pug-40 by csemszepp (MIT רישיון) · תנאי שימוש
עוד ב-Pro
לכל הרכיביםמאפיינים
11 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| defaultChecked | boolean | true | האם המנוף מתחיל במצב פעיל. |
| checked | boolean | — | מצב בשליטתך. בלעדיו המתג שומר את המצב בעצמו. |
| onCheckedChange | (checked: boolean) => void | — | נקרא עם המצב החדש אחרי כל החלפה. |
| size | number | 12 | קנה מידה: פיקסלים ליחידת em. הלוח בגודל 6.8 על 12.8 em. |
| onColor | string | "#fafafa" | אור הנורה העליונה במצב פעיל. |
| offColor | string | "#737373" | אור הנורה התחתונה במצב כבוי. |
| onLabel | string | "ON" | כיתוב מעל הנורה העליונה. |
| offLabel | string | "OFF" | כיתוב מתחת לנורה התחתונה. |
| disabled | boolean | false | להשבית את המתג. |
| label | string | "Power" | שם נגיש של המתג. |
| className | string | — | מחלקות לעוטף. |
תלויות
2 חבילות נדרשות
npm install clsx tailwind-merge