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

Slider

Preview

Show code

<Slider
  value={value}
  defaultValue={50}
  min={0}
  max={100}
  sliderSize="medium"
  bgColor="primary"
  disabled={false}
  onChange={setValue}
/>

Docs

Name	Description	Default	Control
sliderSize	Size of Slider	"medium"	small medium large
bgColor	Color of Slider	"primary"	primary secondary success danger warning info light dark
defaultValue	Slider default value	-
value	Slider controlled value	-	-
min	Minimum value	0	-
max	Maximum value	100	-
disabled	Disabled Slider	false	falsetrue
className	Wrapper class	-	-

IT Tools

Tools

UI Components

Slider

Preview

Docs