ื˜ืงืกื˜ื—ื“ืฉ

ืœื•ื— ืจื›ื‘ืช ืžืชื”ืคืš

ื”ืื•ืชื™ื•ืช ืžืชื”ืคื›ื•ืช ื›ืžื• ื‘ืœื•ื— ื™ืฆื™ืื•ืช ื‘ืฉื“ื” ืชืขื•ืคื”: ื›ืœ ืืจื™ื— ืžืกืชื•ื‘ื‘ ืขื“ ื”ืื•ืช ืฉืœื• ื•ื ื•ืคืœ ืขืœ ืฆื™ืจ.

ื”ืชืืžื”

textColor
edgeColor

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

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

8 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
textstringโ€”ืœื”ืฆื™ื’ ื˜ืงืกื˜ ืื—ื“. ืื ืœื ื”ื•ื’ื“ืจ, ื”ืœื•ื— ืขื•ื‘ืจ ื‘ื™ืŸ ื”ืžื™ืœื™ื ื‘-words.
wordsstring[]"[\"NOW BOARDING\", \"GATE 12\", \"ON TIME\", \"LAST CALL\"]"ืฉื•ืจื•ืช ืœื”ื—ืœืคื” ื‘ืžืขื’ืœ. ืื•ืชื™ื•ืช Aโ€“Z, ืกืคืจื•ืช ื•ื”ืกื™ืžื ื™ื : . - / & ! ?
intervalnumber3800ื›ืžื” ื–ืžืŸ ืžื™ืœื” ืื—ืช ื ืฉืืจืช, ื‘ืžื™ืœื™ืฉื ื™ื•ืช.
lengthnumberโ€”ืžืกืคืจ ื”ืืจื™ื—ื™ื. ื‘ืจื™ืจืช ื”ืžื—ื“ืœ ืœืคื™ ื”ืžื™ืœื” ื”ืืจื•ื›ื” ื‘ื™ื•ืชืจ.
tileClassNamestringโ€”ืžื—ืœืงื•ืช ืœื›ืœ ืืจื™ื—, ื›ื“ื™ ืœืฆื‘ื•ืข ืžื—ื“ืฉ ืืช ื”ืœื•ื—.
classNamestringโ€”ืžื—ืœืงื•ืช ืœืขื•ื˜ืฃ.
textColorstring"#fafafa"ืฆื‘ืข ื”ืื•ืชื™ื•ืช ืขืœ ื”ืœื•ื—.
edgeColorstring"rgba(255,255,255,0.1)"ืฆื‘ืข ื”ืžืกื’ืจืช ื”ื“ืงื” ืกื‘ื™ื‘ ื›ืœ ืืจื™ื—.

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

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

npm install clsx tailwind-merge

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

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