ะะพะผะฟะพะฝะตะฝััะะพะฒะพะต
ะกัะพะฟะบะฐ, ะบะพัะพัะฐั ัะฐัะบะปะฐะดัะฒะฐะตััั ะฒ ัะฟะธัะพะบ
ะะฐััะพัะบะธ ะปะตะถะฐั ััะพะฟะบะพะน, ะทะฐัะตะผ ัะฐัะบะปะฐะดัะฒะฐัััั ะฒ ะบะพะปะพะฝะบั, ะตะดัั ะฒะฝะธะท ะธ ะฟััะถะธะฝะพะน ัะพะฑะธัะฐัััั ะพะฑัะฐัะฝะพ. ะฆะธะบะป ะฟะพะฒัะพััะตััั ัะฐะผ, ั ะพัะพัะพ ะฟะพะดั ะพะดะธั ะดะปั ะปะตะฝัั ัะฒะตะดะพะผะปะตะฝะธะน.
ะะฐัััะพะนะบะธ
accentColor
secondaryColor
highlightColor
ะัะฝะพะฒะฐะฝะพ ะฝะฐ Animated List (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะัั ะฒ Pro
ะกะผะพััะตัั ะฒัะตะะฐัะฐะผะตััั
12 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| children | ReactNode | โ | ะะฐััะพัะบะธ ัะฟะธัะบะฐ, ะฝะฐะฟัะธะผะตั ัะฒะตะดะพะผะปะตะฝะธั. |
| stackGap | number | 20 | ะกะดะฒะธะณ ะผะตะถะดั ะบะฐััะพัะบะฐะผะธ ะฒ ััะพะฟะบะต ะฒ ะฟะธะบัะตะปัั . |
| columnGap | number | 85 | ะ ะฐัััะพัะฝะธะต ะผะตะถะดั ะบะฐััะพัะบะฐะผะธ ะฒ ะบะพะปะพะฝะบะต ะฒ ะฟะธะบัะตะปัั . |
| scaleFactor | number | 0.05 | ะะฐัะบะพะปัะบะพ ะบะฐะถะดะฐั ัะปะตะดัััะฐั ะบะฐััะพัะบะฐ ะฒ ััะพะฟะบะต ะบััะฟะฝะตะต. |
| scrollDownDuration | number | 5 | ะกะบะพะปัะบะพ ัะตะบัะฝะด ะบะพะปะพะฝะบะฐ ะตะดะตั ะฒะฝะธะท. |
| formationDuration | number | 1 | ะกะบะพะปัะบะพ ัะตะบัะฝะด ััะพะฟะบะฐ ัะฐัะบะปะฐะดัะฒะฐะตััั ะฒ ะบะพะปะพะฝะบั. |
| pauseDuration | number | 600 | ะะฐัะทะฐ ะฒ ััะพะฟะบะต ะฟะตัะตะด ะบะฐะถะดัะผ ะบััะณะพะผ ะฒ ะผะธะปะปะธัะตะบัะฝะดะฐั . |
| visibleItems | number | 4 | ะกะบะพะปัะบะพ ะบะฐััะพัะตะบ ะฒะธะดะฝะพ ะฒ ััะพะฟะบะต. |
| accentColor | string | "#ffffff" | ะัะฝะพะฒะฝะพะน ัะฒะตั. ะะฐััะพัะบะธ ะฑะตััั ะตะณะพ ัะตัะตะท var(--stacked-accent): ะฒ ะดะตะผะพ ััะพ ะพััะตะฝะพะบ ัะพะฝะฐ, ัะฐะผะบะฐ ะธ ะบััะถะพะบ ะธะบะพะฝะบะธ. |
| secondaryColor | string | "#a3a3a3" | ะัะพัะพะน ัะฒะตั, var(--stacked-secondary). ะ ะดะตะผะพ ะธะผ ะทะฐะบะฐะฝัะธะฒะฐะตััั ะณัะฐะดะธะตะฝั ะบััะถะบะฐ ะธะบะพะฝะบะธ. |
| highlightColor | string | "#ffffff" | ะกะฒะตัะปัะน ะฐะบัะตะฝั, var(--stacked-highlight). ะ ะดะตะผะพ ััะพ ัะฒะตั ะธะบะพะฝะพะบ. |
| className | string | โ | ะะพะฟะพะปะฝะธัะตะปัะฝัะต ะบะปะฐััั. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 3
npm install motion clsx tailwind-merge