Skip to main content

projects

Description​

Optional. Specifies an array of project objects to set into the list

Usage​

projects?: [
    {
        id: string | number,
        label: string
    },
    {...} // more projects
];

Parameters​

The projects property presents an array of project objects. Each object includes the following set of parameters:

  • id - (required) the id of a project
  • label - (required) the name of a project. It is displayed in the list of available projects

Example​

const { ToDo, Toolbar } = todo;

// projects data
const projects = [
    { "id": "books", "label": "Books" },
    { "id": "films", "label": "Films" },
];

// create To do list
const list = new ToDo("#root", {
    projects,
    activeProject: "films"
});

const toolbar = new Toolbar("#toolbar", {
    api: list.api,
});
tip

By default, the first project from the list of project objects will be loaded as an active project. To specify any other project as an active one, use the activeProject property

Related articles: