ะšะฐั€ั‚ะพั‡ะบะธะะพะฒะพะต

ะคะฐะบั‚ัƒั€ะฝะฐั ะบะฐั€ั‚ะพั‡ะบะฐ

ะšะฐั€ั‚ะพั‡ะบะฐ ั ะฝะตัะบะพะปัŒะบะธะผะธ ั‚ะพะฝะบะธะผะธ ั€ะฐะผะบะฐะผะธ ะดั€ัƒะณ ะฒ ะดั€ัƒะณะต, ะบะพั‚ะพั€ั‹ะต ะดะฐัŽั‚ ะพั‰ัƒั‰ะตะฝะธะต ะพะฑัŠั‘ะผะฐ. ะ“ะพั‚ะพะฒะฐ ะฟะพะด ั„ะพั€ะผัƒ ะฒั…ะพะดะฐ, ั‚ะฐั€ะธั„ั‹ ะธะปะธ ะฝะฐัั‚ั€ะพะนะบะธ.

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

accentColor
glowColor
rimColor

ะžัะฝะพะฒะฐะฝะพ ะฝะฐ Texture Card (MIT ะปะธั†ะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัŒะทะพะฒะฐะฝะธั

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

8 ะฟะฐั€ะฐะผะตั‚ั€ะพะฒ
ะŸะฐั€ะฐะผะตั‚ั€ะขะธะฟะŸะพ ัƒะผะพะปั‡ะฐะฝะธัŽะžะฟะธัะฐะฝะธะต
TextureCardStyledcomponentโ€”ะ’ะฝะตัˆะฝัั ั€ะฐะผะบะฐ ะบะฐั€ั‚ะพั‡ะบะธ ัะพ ะฒัะตะผะธ ัะปะพัะผะธ.
TextureCardHeader / TextureCardTitle / TextureCardDescriptioncomponentโ€”ะจะฐะฟะบะฐ, ะทะฐะณะพะปะพะฒะพะบ ะธ ะฟะพะดะฟะธััŒ.
TextureCardContent / TextureCardFootercomponentโ€”ะžัะฝะพะฒะฝะฐั ั‡ะฐัั‚ัŒ ะธ ะฝะธะถะฝัั ะฟะฐะฝะตะปัŒ.
TextureSeparatorcomponentโ€”ะขะพะฝะบะธะน ั€ะฐะทะดะตะปะธั‚ะตะปัŒ ั ะดะฒะพะนะฝะพะน ะปะธะฝะธะตะน.
classNamestringโ€”ะ”ะพะฟะพะปะฝะธั‚ะตะปัŒะฝั‹ะต ะบะปะฐััั‹.
accentColorstring"#e5e5e5"ะะบั†ะตะฝั‚ ะดะปั ะธะบะพะฝะบะธ ะธ ะบะฝะพะฟะบะธ ะฒะฝัƒั‚ั€ะธ ะบะฐั€ั‚ะพั‡ะบะธ. ะ”ะพัั‚ัƒะฟะตะฝ ะดะตั‚ัะผ ะบะฐะบ --tc-accent.
glowColorstring"rgba(255,255,255,0.06)"ะœัะณะบะพะต ัะฒะตั‡ะตะฝะธะต ะฒ ะฒะตั€ั…ะฝะตะน ั‡ะฐัั‚ะธ ะบะฐั€ั‚ะพั‡ะบะธ.
rimColorstring"rgba(64,64,64,0.5)"ะขะพะฝะบะฐั ะฒะฝัƒั‚ั€ะตะฝะฝัั ั€ะฐะผะบะฐ ะบะฐั€ั‚ะพั‡ะบะธ.

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

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

npm install clsx tailwind-merge

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

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