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

Checkbox

Preview

Are you okay?

Show code

<Checkbox
  label="Are you okay?"
  inputSize="medium"
  checkboxColor="primary"
  disabled={false}
  checked={true}
  onChangeChecked={setCheckedValue}
/>

Docs

Name	Description	Default	Control
label	Label of Checkbox	-
inputSize	Size of Checkbox	"medium"	small medium large
checkboxColor	Color of Checkbox	"primary"	primary secondary success danger warning info light dark
disabled	Disabled status of Checkbox	false	falsetrue
checked *	Checked status of Checkbox	-	-
wrapperClassName *	Wrapper class	-	-
labelClassName *	Label class	-	-
onChangeChecked *	Change checked status event `(checked: boolean) => void`	-	-

IT Tools

Tools

UI Components

Checkbox

Preview

Docs