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

ืกืจื’ืœ ื›ืœื™ื ื ืคืชื—

ืกืจื’ืœ ืฉืœ ื›ืคืชื•ืจื™ ืื™ื™ืงื•ื ื™ื: ื‘ืžืขื‘ืจ ืขื›ื‘ืจ ืื• ื‘ืคื•ืงื•ืก ื”ื›ืคืชื•ืจ ืžืชืจื—ื‘ ื•ืžืฆื™ื’ ืืช ื”ื›ื™ืชื•ื‘. ื”ืจืžื– ื‘ืชื•ืš ื”ื›ืคืชื•ืจ, ื‘ืœื™ ื—ืœื•ื ื•ืช ืงื•ืคืฆื™ื.

ื”ืชืืžื”

color
activeBackground
borderColor

ืžื‘ื•ืกืก ืขืœ ordinary-owl-54 by csemszepp (MIT ืจื™ืฉื™ื•ืŸ) ยท ืชื ืื™ ืฉื™ืžื•ืฉ

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

8 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
itemsExpandingToolbarItem[]โ€”ื›ืคืชื•ืจื™ื ืžืฉืžืืœ: ืื™ื™ืงื•ืŸ, ื›ื™ืชื•ื‘ ื•ืžื˜ืคืœ ืœื—ื™ืฆื”.
endItemsExpandingToolbarItem[]โ€”ื›ืคืชื•ืจื™ื ืžื™ืžื™ืŸ, ืื—ืจื™ ืงื• ืžืคืจื™ื“.
widthnumber360ืจื•ื—ื‘ ื”ืกืจื’ืœ ื›ื•ืœื• ื‘ืคื™ืงืกืœื™ื.
expandedWidthnumber142ืจื•ื—ื‘ ื›ืคืชื•ืจ ืคืชื•ื— ื‘ืคื™ืงืกืœื™ื.
colorstring"#d4d4d4"ืฆื‘ืข ื”ืื™ื™ืงื•ื ื™ื ื•ื”ื›ื™ืชื•ื‘ื™ื.
activeBackgroundstring"rgba(255, 255, 255, 0.08)"ืจืงืข ื”ื›ืคืชื•ืจ ื”ืคืชื•ื—.
borderColorstring"rgba(255, 255, 255, 0.14)"ืฆื‘ืข ื”ืžืกื’ืจืช ื•ื”ืžืคืจื™ื“.
classNamestringโ€”ืžื—ืœืงื•ืช ืœืขื•ื˜ืฃ.

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

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

npm install clsx tailwind-merge

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

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