Editing tools

Editing tool

ToolStateIcon

Represents editing tool across select, draw, erase states.

States

3 total

Selection tool

Selection tool.

Selection tool

"select"

Selection tool.

Drawing tool

"draw"

Drawing tool.

Eraser tool

"erase"

Eraser tool.

Implementation

Pass your current state.

The component stays presentational. Your application remains in control of async work and business logic. The state prop is a TypeScript string literal union — pass an invalid state and you'll get a type error at build time.

Source: Lucide
License: ISC
States: select · draw · erase

example.tsx

import { ToolStateIcon } from "@stateglyph/react";
<ToolStateIcon state="select" decorative />