https://github.com/syncfusionexamples/getting-started-with-the-vue-toolbar-component

A quick-start Vue project that shows how to get started with the Syncfusion Vue Toolbar Component.
https://github.com/syncfusionexamples/getting-started-with-the-vue-toolbar-component

toolbar-component vue vue-tool-bar-component vue-toolbar vue-toolbar-component

Last synced: 3 days ago
JSON representation

A quick-start Vue project that shows how to get started with the Syncfusion Vue Toolbar Component.

• Host: GitHub
• URL: https://github.com/syncfusionexamples/getting-started-with-the-vue-toolbar-component
• Owner: SyncfusionExamples
• Created: 2024-09-03T08:58:21.000Z (25 days ago)
• Default Branch: master
• Last Pushed: 2024-09-08T04:28:23.000Z (20 days ago)
• Last Synced: 2024-09-25T01:20:22.041Z (3 days ago)
• Topics: toolbar-component, vue, vue-tool-bar-component, vue-toolbar, vue-toolbar-component
• Language: Vue
• Size: 16.6 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Getting Started With the Vue Toolbar Component

A 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.

Vue 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.

It 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.

Documentation: [https://ej2.syncfusion.com/vue/documentation/listview/getting-started](https://ej2.syncfusion.com/vue/documentation/toolbar/getting-started)

Demo: https://ej2.syncfusion.com/vue/demos/#/fluent2/toolbar/default.html

## Project prerequisites

Make 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.

## How to run this application

To run this application, you must first clone the 

`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.