{"id":15067421,"url":"https://github.com/syncfusionexamples/getting-started-with-the-vue-toolbar-component","last_synced_at":"2026-02-19T00:03:43.760Z","repository":{"id":256145597,"uuid":"851525791","full_name":"SyncfusionExamples/getting-started-with-the-vue-toolbar-component","owner":"SyncfusionExamples","description":"A quick-start Vue project that shows how to get started with the Syncfusion Vue Toolbar Component.","archived":false,"fork":false,"pushed_at":"2024-09-08T04:28:23.000Z","size":17,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-10-14T21:39:21.072Z","etag":null,"topics":["toolbar-component","vue","vue-tool-bar-component","vue-toolbar","vue-toolbar-component"],"latest_commit_sha":null,"homepage":null,"language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SyncfusionExamples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-03T08:58:21.000Z","updated_at":"2024-09-09T06:02:48.000Z","dependencies_parsed_at":"2024-09-09T08:46:46.540Z","dependency_job_id":null,"html_url":"https://github.com/SyncfusionExamples/getting-started-with-the-vue-toolbar-component","commit_stats":null,"previous_names":["syncfusionexamples/getting-started-with-the-vue-toolbar-component"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SyncfusionExamples/getting-started-with-the-vue-toolbar-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fgetting-started-with-the-vue-toolbar-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fgetting-started-with-the-vue-toolbar-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fgetting-started-with-the-vue-toolbar-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fgetting-started-with-the-vue-toolbar-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SyncfusionExamples","download_url":"https://codeload.github.com/SyncfusionExamples/getting-started-with-the-vue-toolbar-component/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fgetting-started-with-the-vue-toolbar-component/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279021378,"owners_count":26087023,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-14T02:00:06.444Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["toolbar-component","vue","vue-tool-bar-component","vue-toolbar","vue-toolbar-component"],"created_at":"2024-09-25T01:20:55.525Z","updated_at":"2025-10-14T21:39:21.310Z","avatar_url":"https://github.com/SyncfusionExamples.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Getting Started With the Vue Toolbar Component\nA quick-start Vue project showing how to start with the Syncfusion Vue Toolbar Component. Also learn, how to set prefix icons and separators, change the display mode, and add input-based components to the toolbar using the template option.\n\nVue Toolbar is a feature-rich component that provides an interface for selecting a command from a collection of commands. Its features include different orientations, responsive modes (scrollable and pop-up), templating, and button alignment based on priority.\n\nIt allows customizing the component appearance with HTML elements like images, text buttons, toggle buttons, select boxes, text boxes, and autocomplete. This helps you make toolbar search boxes and toolbar menu-like applications. And provides data binding support, rendered based on a JSON array collection of properties such as text, type, and alignment. Data binding can be achieved by forming an array collection of items.\n\n\nDocumentation: [https://ej2.syncfusion.com/vue/documentation/listview/getting-started](https://ej2.syncfusion.com/vue/documentation/toolbar/getting-started)\n\nDemo: https://ej2.syncfusion.com/vue/demos/#/fluent2/toolbar/default.html\n\n## Project prerequisites\nMake sure that you have the compatible versions of [Visual Studio Code](https://code.visualstudio.com/download ), [Vue](https://cli.vuejs.org/guide/installation.html), and  [NodeJS](https://nodejs.org/en/download) or a later version on your machine before starting to work on this project.\n\n## How to run this application\nTo run this application, you must first clone the \n`getting-started-with-the-vue-toolbar-component` repository and then open it in Visual Studio Code. Now, build and run your project using the `npm run dev` command to view the output.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fgetting-started-with-the-vue-toolbar-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyncfusionexamples%2Fgetting-started-with-the-vue-toolbar-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fgetting-started-with-the-vue-toolbar-component/lists"}