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

Chip

IT Tools

Show code

<Chip
  title="IT Tools"
  color="primary"
  variant="solid"
  size="medium"
  disabled={false}
  hasRemove={true}
  onRemove={handleRemoveChip}
/>

Name	Description	Default	Control
title	Title of Chip	-
variant	Variant style of Chip	"solid"	solid bordered
size	Size of Chip	"medium"	small medium large
color	Color of Chip	"primary"	primary secondary success danger warning info light dark
disabled	Disabled status	false	falsetrue
hasRemove	Show remove button	false	falsetrue
className	Wrapper class	-	-
onRemove	Click remove button event `() => void`	-	-