# Masonry View

The Masonry View response tells the Command Bar to displays options in the Pinterest-like layout.

* **type:** `"masonry"`
* **options:** An array of [MasonryOption](#masonryoption) objects.

```javascript
{
  "view": {
    "type": "masonry",
    "options": [
      {
        "imageURL": "https://images.unsplash.com/photo-1481819613568-3701cbc70156",
        "action": {
          "type": "copy",
          "value": "Moon"
        }
      },
      {
        "imageURL": "https://images.unsplash.com/photo-1614642264762-d0a3b8bf3700",
        "action": {
          "type": "copy",
          "value": "Sun"
        }
      }
    ]
  }
}
```

## MasonryOption

For MasonryView, property `CommandResponse.view.options` contains the list of MasonryOption objects.

* **imageURL:** The image URL for this option.
* **action:** Option's [Main Action](https://platform.slapdash.com/command-response-view-list#options-main-action) object.
* **moveAction:** Optional. Option's [Move Action](https://platform.slapdash.com/command-response-view-list#options-move-action) object.

```javascript
{
  "view": {
    "type": "masonry",
    "options": [
      {
        "imageURL": "https://images.unsplash.com/photo-1481819613568-3701cbc70156",
        "action": {
          "type": "open-url",
          "url": "https://images.unsplash.com/photo-1481819613568-3701cbc70156"
        },
        "moveAction": {
          "type": "add-param",
          "name": "image",
          "value": "moon"
        }
      },
      {
        "imageURL": "https://images.unsplash.com/photo-1512361180836-1ecddb33f2dd",
        "action": {
          "type": "copy",
          "value": "Sky"
        }
      }
    ]
  }
}
```