Adding a new widget:
Please follow the given steps to add a new widget in the template. We are taking an example of adding a ToDo list on the dashboard but you can add any widget on any of the other page in the template:
If you are working on the seed project, then you need to follow all the given steps, otherwise you can directly start from the step 3.
- Open
src/views/dashboard/DashboardOne.vue
file. - Copy
TodoList.vue
widget fromvuely/src/components/Widgets/TodoList.vue
ThemeForest downloaded files and paste it under theyour-project-directory-name/src/components/Widgets/
directory. - Import TodoList widget into the
DashboardOne.vue
. Example:<template> <v-container fluid px-4 py-0> <todo-list></todo-list> </v-container> </template> <script> import TodoList from "Components/Widgets/TodoList"; export default { components: { TodoList } } </script>
- Save the file and open your browser you will see your dashboard is ready with the newly added widget i.e. a ToDo list in the given example.