ะ›ะพะฐะดะตั€ั‹Proะะพะฒะพะต

ะ›ะพะฐะดะตั€-ะพั€ะฑะธั‚ะฐ

ะขะพั‡ะบะธ ะฑะตะณัƒั‚ ะฟะพ ะบั€ัƒะณัƒ, ั‚ะพ ั€ะฐะทะณะพะฝััััŒ, ั‚ะพ ะทะฐะผะตะดะปััััŒ, ะบะฐะบ ัะธัั‚ะตะผะฝั‹ะน ะธะฝะดะธะบะฐั‚ะพั€ ะทะฐะณั€ัƒะทะบะธ. ะœะฐะปะตะฝัŒะบะธะน ะธ ะฐะบะบัƒั€ะฐั‚ะฝั‹ะน.

ะะฐัั‚ั€ะพะนะบะธ

color

ะžัะฝะพะฒะฐะฝะพ ะฝะฐ black-yak-68 by SelfMadeSystem (MIT ะปะธั†ะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัŒะทะพะฒะฐะฝะธั

ะŸะฐั€ะฐะผะตั‚ั€ั‹

8 ะฟะฐั€ะฐะผะตั‚ั€ะพะฒ
ะŸะฐั€ะฐะผะตั‚ั€ะขะธะฟะŸะพ ัƒะผะพะปั‡ะฐะฝะธัŽะžะฟะธัะฐะฝะธะต
sizenumber64ะ”ะธะฐะผะตั‚ั€ ะพั€ะฑะธั‚ั‹ ะฒ ะฟะธะบัะตะปัั….
dotSizenumber6ะ”ะธะฐะผะตั‚ั€ ั‚ะพั‡ะบะธ ะฒ ะฟะธะบัะตะปัั….
countnumber6ะกะบะพะปัŒะบะพ ั‚ะพั‡ะตะบ ะฑะตะถะธั‚ ะฟะพ ะบั€ัƒะณัƒ.
colorstring"#fafafa"ะฆะฒะตั‚ ั‚ะพั‡ะตะบ.
speednumber1ะกะตะบัƒะฝะด ะฝะฐ ะพะดะธะฝ ัˆะฐะณ, ะฟะพะปะฝั‹ะน ั†ะธะบะป ะทะฐะฝะธะผะฐะตั‚ ะฟัั‚ัŒ ัˆะฐะณะพะฒ.
spreadnumber60ะะฐ ัะบะพะปัŒะบะพ ะณั€ะฐะดัƒัะพะฒ ั€ะฐะทะฝะตัะตะฝั‹ ั‚ะพั‡ะบะธ ะฝะฐ ัั‚ะฐั€ั‚ะต.
labelstring"Loading"ะขะตะบัั‚ ะดะปั ัะบั€ะฐะฝะฝั‹ั… ั‡ะธั‚ะฐะปะพะบ.
classNamestringโ€”ะšะปะฐััั‹ ะดะปั ะพะฑั‘ั€ั‚ะบะธ.

ะ—ะฐะฒะธัะธะผะพัั‚ะธ

ะŸะฐะบะตั‚ะพะฒ: 2

npm install clsx tailwind-merge

ะŸะพั…ะพะถะธะต ะบะพะผะฟะพะฝะตะฝั‚ั‹

ะกะผะพั‚ั€ะตั‚ัŒ ะฒัะต