# To-do or Checklist

> Learn how to use the To-Do List component to organize tasks,  and track progress directly on your whiteboard for better team collaboration using MockFlow Board.

Source: https://mockflow.com/docs/boards/components/todo-in-ideaboard

Available in:
                    

              Basic
            

              WireframePro
            

              MockFlow Board
            

              Bundle Plan
            

              Enterprise
            

Todo lists are perfect for brainstorming sessions, when main goals branch into subtasks, helping teams explore solutions, outline plans, or break down complex projects.

### **How to add a To-do or checklist?**

Click on the 'Add' icon on the board, locate 'Todo or checklist,' and drag it onto the canvas.

![Adding the Todo component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/db835a8efe07f0ec6b849847.gif)

Customizing fonts in Todo: You can change the font family, font color, font size, and line height from the quick toolbar itself. More font options can be accessed from the advanced settings toolbar.

![Customizing Fonts in Todo Component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/4913aab699faf3384335dcda.webp)

Customizing the Todo: To customize the Todo list, use these options to change the checkbox shape, change the component color, add a border, and adjust the border thickness.

![Customizing the Todo Component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/9fa994813a7299a6f6ed6ca1.webp)

Accessing the Advanced Settings for Todo: To access the advanced settings toolbar, click on the 'Toggle Advanced Settings' option from the quick toolbar.

![Advanced settings for Todo - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/c5f884a5a782c902d6987a7c.webp)

**Using the Focus mode: **There is an option to edit the To-do or checklist in a 'focus mode' where all other components of the board are hidden and only the To-do or checklist component being edited is visible. To turn on this focus mode, click on the focus icon  in the quick toolbar (as shown below). To exit from the focus mode, click on the close icon at the top right.

![Using Focus Mode in Todo - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/28080ecb73e3927aa144e30f.webp)

**Share component link with team: **In focus mode, at the top right, there is a share icon next to the close icon. Click on this share icon to copy a unique link for the component view to share directly within your team.

![Sharing the Todo Component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/278dfa62fe5b9c014cfcf2de.webp)

Exporting the Todo or Checklist: You can export the Todo or Checklist component as an image by clicking the 'Export' icon under Advanced Settings in the quick toolbar.

![Screenshot 2025-10-07 at 2.29.26 PM.png](https://assets.mockflow.com/docs/media/46e3c53b8b15ef5d8506f28e.webp)