# Editor.Ruler

> Tick-mark rulers along the top and left edges of the canvas.

Source: https://docs.docmosaic.com/docs/primitives/ruler

Tick-mark rulers along the top and left edges of the canvas.

<StorybookEmbed id="editor-ruler--default" />

## Usage

```tsx
import { Editor } from '@docmosaic/react';

<Editor.Root>
    <Editor.Ruler />
</Editor.Root>;
```

## API Reference

<PropTable name="Ruler" />

## Related

-   [Root](/docs/primitives/root) - the orchestrator