Create todo list widget
This article will explain how to create a todo list and embed in your notion page.
Step 1: Setup your todo list widget
- click in the menu on Widgets
- you will see all kind of widgets we support at the moment
- click on "To-Do list" card
- the customization page will load and you can now customize your widget
Properties that you can customize:
| Property | Description |
|---|---|
| Title of your Widget | Give your to-do list a name so you know which tasks you are working on. |
| Show title | checked - it will show the title on the top of the to-do list. uncheck - it will hide the title in the to-do list. |
| Show clear all button | checked - it will show the button on to-do list so that the user can clear all tasks in the list with one single click. unchecked - it will hide "Clear all" button from to-do list widget. |
| Show border | checked - it will show border on the widget that you can customize in the next step. unchecked - it will hide the border on the widget. |
| Background | Define the background color of your to-do list widget. |
| Border color | Define the border color This property can only be changed if "show border" is checked. |
| Border size | Set border stroke size. The bigger the number the thicker the stroke around the widget will be. This property can only be changed if "show border" is checked. |
| Round Style | Set the rounding style of the widget. You can choice between 3 styles. |
| Font Family | Set the font family the widget should be using. |
| Font color | Set the font color which will be used in the to-do list. |
Step 2: Define your to-do tasks
After customizing the widget to your taste, you can now add your tasks. We have already filled the list with predefined tasks. You can delete them all to fill your own list.
To enter tasks you simply have to enter the task name in the input field and press Enter.
To add the tasks to the list, press enter on your keyboard. If you do not do this, the tasks will not be added.
Once you have added all your tasks, you can click on the create button so that the widget will be created.
Of course, you can always add tasks, it doesn't have to be here in the app. Once you have the widget embedded in Notion you can continue adding the missing tasks or removing tasks.
After your widget is successfully created, you can copy the link and add it to your page in Notion.