ะšะฝะพะฟะบะธ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

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

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