ะะฝะพะฟะบะธะะพะฒะพะต
ะะฝะพะฟะบะฐ ยซะัะฐะฒะธัััยป
ะัั ะปะฐั ะบะฝะพะฟะบะฐ ั ัะตัะดัะตะผ. ะัะธ ะฝะฐะฒะตะดะตะฝะธะธ ัะตัะดัะต ะทะฐะฟะพะปะฝัะตััั ะธ ะฑััััั, ะฟะพ ะฝะฐะถะฐัะธั ะปะฐะนะบ ะพััะฐัััั. ะกะพััะพัะฝะธะต ะดะพัััะฟะฝะพ ัะบัะฐะฝะฝัะผ ัะธัะฐะปะบะฐะผ.
ะะฐัััะพะนะบะธ
heartColor
background
ringColor
textColor
ะัะฝะพะฒะฐะฝะพ ะฝะฐ loud-walrus-26 by LilaRest (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะัั ะฒ Pro
ะกะผะพััะตัั ะฒัะตะะฐัะฐะผะตััั
9 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| label | string | "Like" | ะขะตะบัั ะบะฝะพะฟะบะธ. |
| defaultLiked | boolean | false | ะกัะพะธั ะปะธ ะปะฐะนะบ ะฒ ะฝะฐัะฐะปะต. |
| liked | boolean | โ | ะกะพััะพัะฝะธะต ะฟะพะด ะฒะฐัะธะผ ัะฟัะฐะฒะปะตะฝะธะตะผ. ะะตะท ะฝะตะณะพ ะบะฝะพะฟะบะฐ ะฟะพะผะฝะธั ัะพััะพัะฝะธะต ัะฐะผะฐ. |
| onLikedChange | (liked: boolean) => void | โ | ะัะทัะฒะฐะตััั ั ะฝะพะฒัะผ ัะพััะพัะฝะธะตะผ ะฟะพัะปะต ะฝะฐะถะฐัะธั. |
| heartColor | string | "#fafafa" | ะฆะฒะตั ัะตัะดัะฐ. |
| background | string | "#1f1f1f" | ะคะพะฝ ะบะฝะพะฟะบะธ. |
| ringColor | string | "#2e2e2e" | ะฆะฒะตั ัะพะปััะพะน ัะฐะผะบะธ. |
| textColor | string | "#a3a3a3" | ะฆะฒะตั ัะตะบััะฐ. |
| className | string | โ | ะะปะฐััั ะดะปั ะพะฑัััะบะธ. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 2
npm install clsx tailwind-merge