ะะฝะธะผะฐัะธะธะะพะฒะพะต
ะญะปะตะผะตะฝัั ะฟะพ ะบััะณั
ะญะปะตะผะตะฝัั ัะฐะฒะฝะพะผะตัะฝะพ ัะฐัััะฐะฒะปะตะฝั ะฟะพ ะบััะณั ะธ ะฒัะฐัะฐัััั ะฒะพะบััะณ ัะตะฝััะฐ, ะพััะฐะฒะฐััั ัะพะฒะฝัะผะธ. ะะพะดั ะพะดะธั ะดะปั ะปะพะณะพัะธะฟะพะฒ, ะฐะฒะฐัะฐัะพะฒ ะธ ะธะบะพะฝะพะบ.
ะะฐัััะพะนะบะธ
color
accentColor
highlightColor
ะัะฝะพะฒะฐะฝะพ ะฝะฐ Circling Elements (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะัั ะฒ Pro
ะกะผะพััะตัั ะฒัะตะะฐัะฐะผะตััั
10 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| children | ReactNode | โ | ะญะปะตะผะตะฝัั, ะบะพัะพััะต ะฑัะดัั ะฒัะฐัะฐัััั. |
| radius | number | 100 | ะ ะฐะดะธัั ะบััะณะฐ, ะฒ ะฟะธะบัะตะปัั . |
| duration | number | 10 | ะัะตะผั ะฟะพะปะฝะพะณะพ ะพะฑะพัะพัะฐ, ะฒ ัะตะบัะฝะดะฐั . |
| easing | string | "linear" | CSS-ััะฝะบัะธั ะฟะปะฐะฒะฝะพััะธ ะฒัะฐัะตะฝะธั. |
| direction | 'normal' | 'reverse' | "normal" | ะะฐะฟัะฐะฒะปะตะฝะธะต ะฒัะฐัะตะฝะธั. |
| pauseOnHover | boolean | false | ะััะฐะฝะฐะฒะปะธะฒะฐัั ะฒัะฐัะตะฝะธะต ะฟัะธ ะฝะฐะฒะตะดะตะฝะธะธ. |
| color | string | "#ffffff" | ะัะฝะพะฒะฝะพะน ัะฒะตั. ะญะปะตะผะตะฝัั ะฒะฝัััะธ ะฑะตััั ะตะณะพ ัะตัะตะท var(--circling-c1). |
| accentColor | string | "#525252" | ะัะพัะพะน ัะฒะตั. ะญะปะตะผะตะฝัั ะฒะฝัััะธ ะฑะตััั ะตะณะพ ัะตัะตะท var(--circling-c2). |
| highlightColor | string | "#e5e5e5" | ะกะฒะตัะปัะน ัะฒะตั ะดะปั ะฑะปะธะบะพะฒ. ะญะปะตะผะตะฝัั ะฒะฝัััะธ ะฑะตััั ะตะณะพ ัะตัะตะท var(--circling-c3). |
| className | string | โ | ะะพะฟะพะปะฝะธัะตะปัะฝัะต ะบะปะฐััั. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 3
npm install motion clsx tailwind-merge