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

AngleSlider

Show code

<AngleSlider
  value={0}
  max={360}
  showLabel={true}
  labelSize="large"
  barSizePercent={70}
  size="6rem"
  barThick="4px"
/>

Name	Description	Default	Control
value	Angle initial value	0	-
max *	Maximum angle value	0
showLabel	Whether to show label or not	false	falsetrue
labelSize	Label size of AngleSlider	"medium"	small medium large
barSizePercent	Percentage length of bar	100
barThick	Thickness of bar	"2px"
size	Size of AngleSlider in pixel, rem, or percentage	"5rem"
className	Wrapper class name	-	-
barClassName	Bar class name	-	-
backgroundClassName	Circle class name	-	-
labelClassName	Label class name	-	-
onChange	Event when changing value	-	-
onEnd	Event when stop rotating AngleSlider	-	-