blackchalkv0.3.0
Components

Tooltip

SketchTooltip — a hand-drawn tooltip that appears above its trigger on hover.

SketchTooltip wraps any element and shows a rough.js filled callout above it on hover. Pass the label text via content and the trigger as children.

Default

import { SketchTooltip, SketchButton } from "blackchalk";<SketchTooltip content="This saves your changes"><SketchButton>Hover me</SketchButton></SketchTooltip>

Props

PropTypeDefault
contentstring
childrenReactNode

See it in the Storybook playground, or read the source.

On this page