Create frame
POST/v2/boards/:board_id/frames
Adds a frame to a board.
Required scope
boards:writeRate limiting
Level 2Request
Path Parameters
Unique identifier (ID) of the board where you want to create a frame.
- application/json
Body
required
data
object
required
Contains frame item data, such as the title, frame type, or frame format.
Possible values: [custom
]
Default value: custom
Only custom frames are supported at the moment.
Default value: Sample frame title
Title of the frame. This title appears at the top of the frame.
Possible values: [freeform
]
Default value: freeform
Only free form frames are supported at the moment.
Default value: true
Hide or reveal the content inside a frame (Enterprise plan only).
style
object
Contains information about the style of a frame item, such as the fill color.
Fill color for the frame.
Hex values: #f5f6f8
#d5f692
#d0e17a
#93d275
#67c6c0
#23bfe7
#a6ccf5
#7b92ff
#fff9b1
#f5d128
#ff9d48
#f16c7f
#ea94bb
#ffcee0
#b384bb
#000000
Default: #ffffffff (transparent).
position
object
Contains information about the item's position on the board, such as its x coordinate, y coordinate, and the origin of the x and y coordinates.
X-axis coordinate of the location of the item on the board.
By default, all items have absolute positioning to the board, not the current viewport. Default: 0.
The center point of the board has x: 0
and y: 0
coordinates.
Y-axis coordinate of the location of the item on the board.
By default, all items have absolute positioning to the board, not the current viewport. Default: 0.
The center point of the board has x: 0
and y: 0
coordinates.
geometry
object
Contains geometrical information about the item, such as its width or height.
Height of the item, in pixels.
Width of the item, in pixels.
Responses
- 201
- 400
- 404
- 429
Frame created
- application/json
- Schema
- Example (from schema)
Schema
Unique identifier (ID) of an item.
data
object
Contains frame item data, such as the title, frame type, or frame format.
Possible values: [custom
, desktop
, phone
, tablet
, a4
, letter
, ratio_1x1
, ratio_4x3
, ratio_16x9
]
Default value: custom
Only custom frames are supported at the moment.
Title of the frame. This title appears at the top of the frame.
Possible values: [freeform
, heap
, grid
, rows
, columns
]
Default value: freeform
Only free form frames are supported at the moment.
style
object
Contains information about the style of a frame item, such as the fill color.
Fill color for the frame.
Hex values: #f5f6f8
#d5f692
#d0e17a
#93d275
#67c6c0
#23bfe7
#a6ccf5
#7b92ff
#fff9b1
#f5d128
#ff9d48
#f16c7f
#ea94bb
#ffcee0
#b384bb
#000000
Default: #ffffffff (transparent).
position
object
Contains location information about the item, such as its x coordinate, y coordinate, and the origin of the x and y coordinates.
Possible values: [center
]
Default value: center
Area of the item that is referenced by its x and y coordinates. For example, an item with a center origin will have its x and y coordinates point to its center. The center point of the board has x: 0 and y: 0 coordinates. Currently, only one option is supported.
Possible values: [canvas_center
, parent_top_left
]
X-axis coordinate of the location of the item on the board.
By default, all items have absolute positioning to the board, not the current viewport. Default: 0.
The center point of the board has x: 0
and y: 0
coordinates.
Y-axis coordinate of the location of the item on the board.
By default, all items have absolute positioning to the board, not the current viewport. Default: 0.
The center point of the board has x: 0
and y: 0
coordinates.
geometry
object
Contains geometrical information about the item, such as its width or height.
Height of the item, in pixels.
Rotation angle of an item, in degrees, relative to the board. You can rotate items clockwise (right) and counterclockwise (left) by specifying positive and negative values, respectively.
Width of the item, in pixels.
Date and time when the item was created.
Format: UTC, adheres to ISO 8601, includes a trailing Z offset.
createdBy
object
Contains information about the user who created the item.
Unique identifier (ID) of the user.
Indicates the type of object returned. In this case, type
returns user
.
Date and time when the item was last modified.
Format: UTC, adheres to ISO 8601, includes a trailing Z offset.
modifiedBy
object
Contains information about the user who last modified the item.
Unique identifier (ID) of the user.
Indicates the type of object returned. In this case, type
returns user
.
links
object
Contains applicable links for the item.
Link to obtain information about the child items related to the frame.
Link to obtain information about the current item.
Type of item that is returned.
{
"id": "3458764517517819000",
"data": {
"format": "custom",
"title": "Sample frame title",
"type": "freeform"
},
"style": {
"fillColor": "#ffffffff"
},
"position": {
"origin": "center",
"relativeTo": "canvas_center",
"x": 100,
"y": 100
},
"geometry": {
"height": 60,
"rotation": 0,
"width": 320
},
"createdAt": "2022-03-30T17:26:50.000Z",
"createdBy": {
"id": "3458764517517852417",
"type": "user"
},
"modifiedAt": "2022-03-30T17:26:50.000Z",
"modifiedBy": {
"id": "3458764517517852417",
"type": "user"
},
"links": {
"related": "http://api.miro.com/v2/boards/o9J_koQspF4=/items?parent_item_id=307445734914369434&limit=10&cursor=",
"self": "http://api.miro.com/v2/boards/o9J_koQspF4=/item/3074457349143649487"
},
"type": "frame"
}
Malformed request
- application/json
- Schema
- Example (from schema)
Schema
Code of the error
Description of the error
Status code of the error
Type of the error
{
"code": "error",
"message": "Error message",
"status": 400,
"type": "error"
}
Not found
- application/json
- Schema
- Example (from schema)
Schema
Code of the error
Description of the error
Status code of the error
Type of the error
{
"code": "error",
"message": "Error message",
"status": 400,
"type": "error"
}
Too many requests
- application/json
- Schema
- Example (from schema)
Schema
Code of the error
Description of the error
Status code of the error
Type of the error
{
"code": "error",
"message": "Error message",
"status": 400,
"type": "error"
}