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

SpeedDial

Preview

Show code

<SpeedDial
  color="primary"
  position="top"
  items={[
    {
      icon: "👋",
      onClick: () => console.log("👋"),
    },
    {
      icon: "🤢",
      onClick: () => console.log("🤢"),
    },
    {
      icon: "😍",
      onClick: () => console.log("😍"),
    },
  ]}
/>

Docs

Name	Description	Default	Control
color	Color of SpeedDial button	"primary"	primary secondary success danger warning info light dark
position	Position of menu bar	"bottom"	top right bottom left
items *	List of SpeedDial items `Array<{ icon, onClick }>`	-	-
className	Wrapper class	-	-

IT Tools

Tools

UI Components

SpeedDial

Preview

Docs