Primitives
Editor.SelectToolButton
Toolbar button that returns the editor to select / move mode, exiting any armed drawing tool.
Toolbar button that arms the select tool - the default pointer mode for clicking, moving, and resizing sections. Clicking it exits any armed shape, frame, image-frame, or drawing tool. It renders in its active variant while select mode is the current tool.
Usage
import { Editor } from '@docmosaic/react';
<Editor.Root>
<Editor.SelectToolButton />
</Editor.Root>;API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| iconOnly | boolean | undefined | - | Render a compact icon-only square button with an accessible label. |
| variant | "default" | "cream" | "sage" | "orange" | "caramel" | "white" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined | - | Override the idle icon-only variant. Defaults to |
| activeVariant | "default" | "cream" | "sage" | "orange" | "caramel" | "white" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined | - | Override the active (selection-mode) icon-only variant. Defaults to |
| className | string | undefined | - | Extra classes merged onto the icon-only button while idle. |
| activeClassName | string | undefined | - | Extra classes merged onto the icon-only button while selection mode is active. |
Related
- Editor.ShapeToolButton - the draw-to-size shape tool
- Editor.Toolbar - the toolbar container