ืจื›ื™ื‘ื™ืื—ื“ืฉ

ื”ืชืจืื” ื‘ืกื’ื ื•ืŸ ื˜ืœืคื•ืŸ

ื›ืจื˜ื™ืก ื”ืชืจืื” ื›ืžื• ื‘ื˜ืœืคื•ืŸ: ืžื—ืœื™ืง ืžืœืžืขืœื”, ื’ื“ืœ ืžืขื˜ ื‘ืžืขื‘ืจ ืขื›ื‘ืจ ื•ื ืกื’ืจ ื‘ืื™ืงืก.

ื”ืชืืžื”

tileFrom
tileTo
background

ืžื‘ื•ืกืก ืขืœ ugly-stingray-77 by JohnnyCSilva (MIT ืจื™ืฉื™ื•ืŸ) ยท ืชื ืื™ ืฉื™ืžื•ืฉ

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

11 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
titlestring"Build finished"ื”ืฉื•ืจื” ื”ืจืืฉื•ื ื” ื”ืžื•ื“ื’ืฉืช.
timestring"2 min ago"ื”ืขืจื” ืงื˜ื ื” ืžื™ืžื™ืŸ, ืœืžืฉืœ ื”ืฉืขื”.
messagestring"Your preview is ready to open."ื”ืฉื•ืจื” ื”ืฉื ื™ื™ื”.
iconReactNodeโ€”ืชื•ื›ืŸ ื”ืืจื™ื— ื”ืจื™ื‘ื•ืขื™ ืžืฉืžืืœ, ืœืžืฉืœ ืื™ื™ืงื•ืŸ ืฉืœ ืืคืœื™ืงืฆื™ื”.
tileFromstring"#f5f5f5"ื”ืฆื‘ืข ื”ืขืœื™ื•ืŸ ื‘ื”ื“ืจื’ืช ื”ืืจื™ื—.
tileTostring"#525252"ื”ืฆื‘ืข ื”ืชื—ืชื•ืŸ ื‘ื”ื“ืจื’ืช ื”ืืจื™ื—.
backgroundstring"#262626"ืจืงืข ื”ื›ืจื˜ื™ืก.
dismissiblebooleantrueืœื”ืฆื™ื’ ื›ืคืชื•ืจ ืกื’ื™ืจื”.
onDismiss() => voidโ€”ื ืงืจื ืื—ืจื™ ืกื’ื™ืจืช ื”ื›ืจื˜ื™ืก.
animateInbooleantrueืœื”ื—ืœื™ืง ืžืœืžืขืœื” ื‘ื”ื•ืคืขื”.
classNamestringโ€”ืžื—ืœืงื•ืช ืœืขื•ื˜ืฃ.

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

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

npm install clsx tailwind-merge

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

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