1) Create your first board item with the Web SDK
Use the Miro Web SDK to create a board in the first onboarding task.
Time to complete
~5 minutes
Learning objective
After completing this onboarding task, you’ll be able to:
- Create a sticky note on a Miro board.
Using the Web SDK, you can easily create, read, update, and delete different board items.
Make your first request—creating a sticky note—using our Web SDK in the interactive board editor below.
Action: create a sticky note
Review the createStickyNote snippet in the code editor below, select a board for testing the code and hit run to create a sticky note on the board:
const stickyNote = await miro.board.createStickyNote({
content: '<p>This is a sticky note</p>',
style: {
fillColor: 'light_yellow', // Default value: light yellow
textAlign: 'center', // Default alignment: center
textAlignVertical: 'middle', // Default alignment: middle
},
x: 0, // Default value: horizontal center of the board
y: 0, // Default value: vertical center of the board
shape: 'square',
width: 200, // Set either 'width', or 'height'
});
await miro.board.viewport.zoomTo(stickyNote);
// Note: this command is optional, to take you to the item on the board.
Let's wrap up
In this task, you:
- Created a sticky note using the Web SDK
Now that you’ve completed task 1, let's go ahead and update the sticky note's properties in your next task.
See also
Updated 11 months ago
What's next
In the second task of the guided onboarding, you modify and then update board items with the sync() method.