Component defined in packages/tools/Tool.js#37 inherits from

Default Tool implementation

A tool must be associated with a Command, which holds all the logic, while the tool is just the visual representation of the command state. You can use this component for simple button-like tools, or extend it to create your own UI.


Usually instantiated in a Toolbar or an Overlay. Usage:

$$(Tool, {
  icon: 'strong',
  label: 'strong',
  style: 'outline',
  active: false,
  disabled: false
config.addCommand('strong', AnnotationCommand, { nodeType: 'strong' })
config.addTool('strong', AnnotationTool, {
  target: 'annotations'

Default tool rendering. You can override this method to provide your custom markup

Executes the associated command