ื›ืคืชื•ืจื™ืProื—ื“ืฉ

ื›ืคืชื•ืจ ื ืคืชื—

ื›ืคืชื•ืจ ืขื’ื•ืœ ืขื ืคืœื•ืก ืฉื’ื“ืœ ื‘ืœื—ื™ืฆื” ืœืคืื ืœ ืขื ื”ืชื•ื›ืŸ ืฉืœื›ื. ืžืชืื™ื ืœืคืขื•ืœื•ืช ืžื”ื™ืจื•ืช ืื• ืœื ื’ืŸ ืงื˜ืŸ.

ื”ืชืืžื”

accentColor
glowColor
rimColor

ืžื‘ื•ืกืก ืขืœ Family Button (MIT ืจื™ืฉื™ื•ืŸ) ยท ืชื ืื™ ืฉื™ืžื•ืฉ

ืžืืคื™ื™ื ื™ื

4 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
childrenReactNodeโ€”ืชื•ื›ืŸ ื”ืคืื ืœ ื”ืคืชื•ื—, ื‘ืขืจืš 200 ืขืœ 250 ืคื™ืงืกืœื™ื.
accentColorstring"#e5e5e5"ืฆื‘ืข ื›ืคืชื•ืจ ื”ืคืœื•ืก ื”ืขื’ื•ืœ. ืฆื‘ืข ื”ืื™ื™ืงื•ืŸ ืžื•ืชืื ืื•ื˜ื•ืžื˜ื™ืช.
glowColorstring"rgba(255,255,255,0.12)"ื–ื•ื”ืจ ืจืš ืกื‘ื™ื‘ ื”ื›ืคืชื•ืจ.
rimColorstring"rgba(255,255,255,0.5)"ืฉื•ืœื™ื™ื ื‘ื”ื™ืจื™ื ื•ื“ืงื™ื ื‘ืชื•ืš ื”ืžืกื’ืจืช.

ืชืœื•ื™ื•ืช

4 ื—ื‘ื™ืœื•ืช ื ื“ืจืฉื•ืช

npm install lucide-react motion clsx tailwind-merge

ืจื›ื™ื‘ื™ื ื“ื•ืžื™ื

ืœื›ืœ ื”ืจื›ื™ื‘ื™ื