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

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

Tools

UI Components

Drawer

Preview

Docs

IT-Tools application