ื›ืจื˜ื™ืกื™ืื—ื“ืฉ

ืกืคืจ ืชืœืช-ืžืžื“ื™

ื›ืจื™ื›ืช ืกืคืจ ืขื ืฉื“ืจื” ื•ื“ืคื™ื. ื‘ืจื™ื—ื•ืฃ ื”ืกืคืจ ืžืกืชื•ื‘ื‘ ื‘ืชืœืช-ืžืžื“. ื˜ืจื ืกืคื•ืจืžืฆื™ื•ืช CSS ื‘ืœื‘ื“.

ื”ืชืืžื”

color
textColor

ืžื‘ื•ืกืก ืขืœ Book (MIT ืจื™ืฉื™ื•ืŸ) ยท ืชื ืื™ ืฉื™ืžื•ืฉ

ืžืืคื™ื™ื ื™ื

8 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
titlestringโ€”ื”ื›ื•ืชืจืช ืขืœ ื”ื›ืจื™ื›ื”.
variant'stripe' | 'simple'"stripe"ื›ืจื™ื›ื” ืขื ืคืก ืฆื‘ืข ืื• ื—ืœืงื”.
colorstring"#d4d4d4"ืฆื‘ืข ื”ืคืก ืื• ื”ื›ืจื™ื›ื” ื›ื•ืœื”.
textColorstring"#fafafa"ืฆื‘ืข ื”ื›ื•ืชืจืช.
widthnumber196ืจื•ื—ื‘ ื”ืกืคืจ ื‘ืคื™ืงืกืœื™ื.
illustrationReactNodeโ€”ืื™ื•ืจ ื‘ืคืก ื”ื›ืจื™ื›ื”.
logoReactNodeโ€”ืœื•ื’ื• ืื• ืื™ื™ืงื•ืŸ ื‘ืชื—ืชื™ืช ื”ื›ืจื™ื›ื”.
classNamestringโ€”ืžื—ืœืงื•ืช ืœืขื•ื˜ืฃ.

ืชืœื•ื™ื•ืช

3 ื—ื‘ื™ืœื•ืช ื ื“ืจืฉื•ืช

npm install motion clsx tailwind-merge

ืจื›ื™ื‘ื™ื ื“ื•ืžื™ื

ืœื›ืœ ื”ืจื›ื™ื‘ื™ื