ะะฝะธะผะฐัะธะธะะพะฒะพะต
ะะฐััะธะฝะบะฐ ะฟะพะด ะบัััะพัะพะผ ะฒ ัะฟะธัะบะต
ะกะฟะธัะพะบ ะบััะฟะฝัั ะฟะพะดะฟะธัะตะน. ะัะธ ะฝะฐะฒะตะดะตะฝะธะธ ะฝะฐ ัััะพะบั ะฟะพะด ะบัััะพัะพะผ ะฒัะฟะปัะฒะฐะตั ะตั ะบะฐััะธะฝะบะฐ ะธ ะผัะณะบะพ ะฟะปัะฒัั ัะปะตะดะพะผ ะทะฐ ะผัััั.
ะะฐัััะพะนะบะธ
color
lineColor
tagColor
labelColor
ะัะฝะพะฒะฐะฝะพ ะฝะฐ Image Reveal (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะัั ะฒ Pro
ะกะผะพััะตัั ะฒัะตะะฐัะฐะผะตััั
10 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| items | { img: string; label: string; tag: string }[] | โ | ะกััะพะบะธ ัะฟะธัะบะฐ: ะบะฐััะธะฝะบะฐ, ะบััะฟะฝะฐั ะฟะพะดะฟะธัั ะธ ะผะตัะบะฐ ัะฟัะฐะฒะฐ. |
| imageWidth | number | 300 | ะจะธัะธะฝะฐ ะฒัะฟะปัะฒะฐััะตะน ะบะฐััะธะฝะบะธ ะฒ ะฟะธะบัะตะปัั . |
| imageHeight | number | 220 | ะััะพัะฐ ะฒัะฟะปัะฒะฐััะตะน ะบะฐััะธะฝะบะธ ะฒ ะฟะธะบัะตะปัั . |
| stiffness | number | 150 | ะัััะบะพััั ะฟััะถะธะฝั: ัะตะผ ะฑะพะปััะต, ัะตะผ ะฑััััะตะต ะบะฐััะธะฝะบะฐ ะดะพะณะพะฝัะตั ะบัััะพั. |
| damping | number | 15 | ะะฐััั ะฐะฝะธะต ะฟััะถะธะฝั: ะผะตะฝััะต ะทะฝะฐัะธั ะฑะพะปััะต ะฟะพะบะฐัะธะฒะฐะฝะธั. |
| color | string | "#ffffff" | ะฆะฒะตั ะผะฐะปะตะฝัะบะพะณะพ ะบะฒะฐะดัะฐัะฐ ััะดะพะผ ั ัะตะณะพะผ. |
| lineColor | string | "rgba(255, 255, 255, 0.1)" | ะฆะฒะตั ะปะธะฝะธะน ะผะตะถะดั ัััะพะบะฐะผะธ. |
| tagColor | string | "rgba(255, 255, 255, 0.55)" | ะฆะฒะตั ัะตะณะพะฒ ัะฟัะฐะฒะฐ. |
| labelColor | string | "#ffffff" | ะฆะฒะตั ะบััะฟะฝัั ะฝะฐะดะฟะธัะตะน. |
| className | string | โ | ะะพะฟะพะปะฝะธัะตะปัะฝัะต ะบะปะฐััั. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 3
npm install motion clsx tailwind-merge