IT Tools

Handy tools for developer

Chess Game

Gomoku Game

Picture Puzzle Game

2048 Puzzle Game

Snake Game

Memory Game

Hangman Game

JSON to TOML

JSON to YAML

JSON to XML

JSON to CSV

JSON to GraphQL

JSON to MySQL

JSON to Mongoose

JSON to BigQuery

JSON to JsDoc

JSON to TypeScript

JSON to IO-TS

JSON to Zod

JSON to MobX

JSON to PropTypes

JSON to JSON Schema

CSS to JS

CSS to Template

JavaScript to JSON

JavaScript to TypeScript type

TOML to JSON

TOML to YAML

TOML to XML

YAML to TOML

YAML to JSON

YAML to XML

Search

Ctrl + K

Drawer

Preview

Show code

<Drawer
  open={false}
  title="IT-Tools application"
  position="right"
  overlayCancel={true}
  hideHeaderClose={false}
  hasFooterCancel={true}
  hasFooterConfirm={true}
  confirmTitle="OK"
  onClose={closeDrawer}
  onConfirm={handleConfirm}
>
  Body content
</Drawer>

Docs

Name	Description	Default	Control
title	Title of Drawer	-
open *	Open status	-	-
position	Position of Drawer	"right"	left right
hideHeaderClose	Hide close button at header	false	falsetrue
overlayCancel	Enable click overlay to close Drawer	false	falsetrue
hasFooterCancel	Show cancel button at footer	false	falsetrue
hasFooterConfirm	Show confirm button at footer	false	falsetrue
confirmTitle	Confirm button text	Confirm
children *	Drawer body content	-	-
className	Wrapper class	-	-
wrapperClassName	Content wrapper class	-	-
onConfirm	Click confirm handler	-	-
onClose	Close drawer handler	-	-

IT-Tools application

Body content