@aurigma/ui-framework/docs/widgets/design-editor-commands/translate.md

A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.

Command: translate
====================

This command moves design items on the canvas.

For more details, refer to the [IFrame API](https://customerscanvas.com/docs/cc/changing-product-size.htm#translate) reference.

## Params

- `items` - an array of item names. 
- `translateX` - the distance to move the items along the X-axis, in either points or percent relative to the print area. For example, `72` or `"10%"`. 
- `translateY` - the distance to move the items along the Y-axis, in either points or percent relative to the print area. For example, `72` or `"10%"`. 


### Example of the config

``` json
  {
    "type": "design-editor", 
    "name": "editor",
    "params": {
      "initial": { ... }, 
      "translate": {
        "translateParams": {
          "items": ["photo"],
          "translateX": "10",
          "translateY": "10"
        }
      }
    }
  }
```