רכיביםProחדש

חוגה מסתובבת

ידית מתכת עם שישה מצבים, כמו במכשירים ישנים. בפנים כפתורי רדיו אמיתיים, כך שגם החצים במקלדת מסובבים אותה.

התאמה

glowColor

מבוסס על hungry-bat-66 by Pradeepsaranbishnoi (MIT רישיון) · תנאי שימוש

מאפיינים

8 מאפיינים
מאפייןסוגברירת מחדלתיאור
optionsstring[]—עד שישה מצבים בכיוון השעון מלמעלה. ברירת המחדל OFF ו-1 עד 5.
defaultValuenumber0מספר המצב ההתחלתי, מאפס.
valuenumber—מצב בשליטתך. בלעדיו החוגה שומרת את המצב בעצמה.
onValueChange(index: number, option: string) => void—נקרא עם המספר והכיתוב של המצב החדש.
sizenumber230קוטר החוגה בפיקסלים.
glowColorstring"rgba(255, 255, 255, 0.85)"צבע האור מתחת למחוג.
labelstring"Mode"שם נגיש של הקבוצה.
classNamestring—מחלקות לעוטף.

תלויות

2 חבילות נדרשות

npm install clsx tailwind-merge

רכיבים דומים

לכל הרכיבים