ะšะพะผะฟะพะฝะตะฝั‚ั‹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

ะŸะพั…ะพะถะธะต ะบะพะผะฟะพะฝะตะฝั‚ั‹

ะกะผะพั‚ั€ะตั‚ัŒ ะฒัะต