IT Tools

Handy tools for developer

Compare Texts

WebView Playground

ReactJS Playground

Json Web Tokens

Regular Expressions

Image Crop

Color Picker

QR Code

Generate Text

Generate API Response

JSON Formatter

Number Converter

Random Wheel

Ctrl + K

SwapButton

😇

😈

Show code

<SwapButton
  variant="none"
  isOn={isHappy}
  onItem={<span>😇</span>}
  offItem={<span>😈</span>}
  onToggle={setIsHappy}
/>

Name	Description	Default	Control
variant	Variant theme of SwapButton	"none"	none fade spin flip
isOn *	Whether SwapButton is on	-	-
onItem *	Item to show when SwapButton is on `ReactNode`	-	-
offItem *	Item to show when SwapButton is off `ReactNode`	-	-
className *	Wrapper class	-	-
onToggle *	Toggle handler `() => void`	-	-