ChartInkToolbar

Buttons for the ruler and pen tools plus undo, redo and clear. Place it next to the chart.

Import

import { ChartInkToolbar } from "@jcsoftdev/ui/charts";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/charts/core.

Usage

export const Default: Story = {
  args: { ink: placeholder },
  render: () => <InkDemo kind="line" tool="ruler" />,
};

Source of the Storybook story.

Props

Prop	Type	Default	Description
ink *	ChartInk
className	string

* marks a required prop.

Storybook stories

• Default
• On Bars
• On Horizontal Bars
• Narrow
• Brutal Preset
• Keyboard
• Downsampled

Source

packages/ui/src/charts/core/cartesian/ink-layer.tsx