ะะฝะธะผะฐัะธะธะะพะฒะพะต
ะะฐะปะตัะตั-ะบะปะฐะดะบะฐ
ะะฐััะธะฝะบะธ ัะฐะทะฝะพะน ะฒััะพัั ะฒ ะบะพะปะพะฝะบะฐั ะฑะตะท ะฟัััะพั. ะะฐะถะดะฐั ะฟัะพัะฒะปัะตััั ะธะท ัะฐะทะผััะธั, ะบะพะณะดะฐ ะดะพั ะพะดะธั ะดะพ ัะบัะฐะฝะฐ, ะฐ ะฟะพ ะบะปะธะบั ะฒััะฐััะฐะตั ะฒ ะฑะพะปััะพะน ะฟัะพัะผะพัั.
ะะฐัััะพะนะบะธ
hoverColor
borderColor
captionColor
ะัะฝะพะฒะฐะฝะพ ะฝะฐ Masonry Grid (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะัั ะฒ Pro
ะกะผะพััะตัั ะฒัะตะะฐัะฐะผะตััั
9 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| items | { id: string | number; src: string; title: string }[] | โ | ะะฐััะธะฝะบะธ ะณะฐะปะตัะตะธ ั ะฟะพะดะฟะธััะผะธ. |
| columns | number | 3 | ะงะธัะปะพ ะบะพะปะพะฝะพะบ ะพั 640 ะฟะธะบัะตะปะตะน. ะะฐ ัะตะปะตัะพะฝะต ะฒัะตะณะดะฐ ะดะฒะต. |
| gap | number | 16 | ะ ะฐัััะพัะฝะธะต ะผะตะถะดั ะบะฐััะธะฝะบะฐะผะธ ะฒ ะฟะธะบัะตะปัั . |
| stagger | number | 0.06 | ะะฐะดะตัะถะบะฐ ะผะตะถะดั ะฟะพัะฒะปะตะฝะธะตะผ ัะพัะตะดะฝะธั ะบะฐััะธะฝะพะบ ะฒ ัะตะบัะฝะดะฐั . |
| expandable | boolean | true | ะะพ ะบะปะธะบั ะบะฐััะธะฝะบะฐ ะฒััะฐััะฐะตั ะฒ ะฑะพะปััะพะน ะฟัะพัะผะพัั. |
| hoverColor | string | "#ffffff" | ะ ะฐะผะบะฐ ะบะฐััะธะฝะบะธ ะฟะพะด ะบัััะพัะพะผ. |
| borderColor | string | "rgba(255, 255, 255, 0.1)" | ะขะพะฝะบะฐั ัะฐะผะบะฐ ะบะฐััะธะฝะพะบ ะธ ะฑะพะปััะพะณะพ ะฟัะพัะผะพััะฐ. |
| captionColor | string | "#ffffff" | ะฆะฒะตั ะฟะพะดะฟะธัะตะน ะบ ะบะฐััะธะฝะบะฐะผ. ะะฝะธ ััะพัั ะฝะฐ ััะผะฝะพะน ะฟะพะดะปะพะถะบะต. |
| className | string | โ | ะะพะฟะพะปะฝะธัะตะปัะฝัะต ะบะปะฐััั. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 4
npm install motion lucide-react clsx tailwind-merge