ะะพะผะฟะพะฝะตะฝััะะพะฒะพะต
ะกะฟะธัะพะบ ะทะฐะดะฐั ั ะทะฐัััะบะธะฒะฐะฝะธะตะผ
ะกะฟะธัะพะบ ะดะตะป ะฝะฐ ะฝะฐััะพััะธั ัะตะบะฑะพะบัะฐั . ะัะธ ะพัะผะตัะบะต ัะธััะตััั ะณะฐะปะพัะบะฐ, ัะตะบัั ะทะฐัััะบะธะฒะฐะตััั ะธ ััะดะพะผ ะฒัะฟัั ะธะฒะฐะตั ะผะฐะปะตะฝัะบะธะน ัะฐะปัั.
ะะฐัััะพะนะบะธ
checkColor
textColor
doneColor
background
ะัะฝะพะฒะฐะฝะพ ะฝะฐ warm-panther-74 by JkHuger (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะัั ะฒ Pro
ะกะผะพััะตัั ะฒัะตะะฐัะฐะผะตััั
8 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| items | string[] | โ | ะะฐะดะฐัะธ, ะฟะพ ะพะดะฝะพะผั ัะตะบะฑะพะบัั ะฝะฐ ะบะฐะถะดัั. |
| defaultChecked | number[] | โ | ะะพะผะตัะฐ ะทะฐะดะฐั (ั ะฝัะปั), ะบะพัะพััะต ะพัะผะตัะตะฝั ั ัะฐะผะพะณะพ ะฝะฐัะฐะปะฐ. ะะพ ัะผะพะปัะฐะฝะธั [0]. |
| onToggle | (index: number, checked: boolean) => void | โ | ะัะทัะฒะฐะตััั, ะบะพะณะดะฐ ะทะฐะดะฐัั ะพัะผะตัะฐัั ะธะปะธ ัะฝะธะผะฐัั ะพัะผะตัะบั. |
| checkColor | string | "#fafafa" | ะฆะฒะตั ะณะฐะปะพัะบะธ, ััััะพัะบะธ ะธ ัะฐะปััะฐ. |
| textColor | string | "#e5e5e5" | ะฆะฒะตั ะพัะบัััะพะน ะทะฐะดะฐัะธ. |
| doneColor | string | "#525252" | ะฆะฒะตั ะฒัะฟะพะปะฝะตะฝะฝะพะน, ะทะฐัััะบะฝััะพะน ะทะฐะดะฐัะธ. |
| background | string | "#111111" | ะคะพะฝ ะบะฐััะพัะบะธ. |
| className | string | โ | ะะปะฐััั ะดะปั ะพะฑัััะบะธ. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 2
npm install clsx tailwind-merge