From 99815d21d1327cc13ec7ebad7b9fa0d09344c1fa Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Tue, 21 Nov 2023 15:51:18 +0300 Subject: [PATCH 1/4] SEO-177281-Vue-External-Linking-Split-Button --- README.md | 48 +++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 47 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index bea23ae..d78ea01 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,48 @@ # getting-started-with-the-vue-split-button-component -A quick start project that shows how to add the Syncfusion Vue Split button component to a Vue application. It shows how to add a separator and display icons in the split button. It also shows how to customize the icon position. +The [Vue Split Button](https://www.syncfusion.com/vue-components/vue-split-button?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) triggers a default action when the primary button is clicked and provides a list of actions when the drop-down button is clicked. A quick start project that shows how to add the Syncfusion Vue Split button component to a Vue application. It shows how to add a separator and display icons in the split button. It also shows how to customize the icon position. + +## Features and Benefits + +### Menu items with icons + +Users tend to perceive visual information better than text. The Vue Split Button has built-in options to include an icon to the left or above the text or provide an icon-only button. + +### Pop-up menu + +The pop-up is a toggleable container that holds a list of action items or custom content that will open or close when the button is clicked. You can customize all the items in a pop-up. + +### Built-in themes + +The Vue Split Button supports built-in themes such as Bootstrap 5, Tailwind CSS, Fluent, high contrast, and more. Users can customize these built-in themes or create new themes to achieve the desired look and feel either by simply overriding SASS variables or using the Theme Studio application. + +## Related links +[Learn More about Vue Split Button](https://www.syncfusion.com/vue-components/vue-split-button?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) + +[Download Free Trial](https://www.syncfusion.com/account/manage-trials/downloads?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) + +[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) + +[Documentation](https://ej2.syncfusion.com/vue/documentation/split-button/getting-started?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) + +[View Demos](https://github.com/SyncfusionExamples/getting-started-with-the-vue-split-button-component?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) + +[Community Forums](https://www.syncfusion.com/forums/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) + +[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/vue?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) + +[Online example](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/button/split-button.html?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) + +## About Syncfusion Vue Components + +Syncfusion's [Vue Components](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Split Button, we provide popular Vue Components such as [Button](https://www.syncfusion.com/vue-components/vue-button?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Badge](https://www.syncfusion.com/vue-components/vue-badge?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Scheduler](https://www.syncfusion.com/vue-components/vue-scheduler?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Diagram](https://www.syncfusion.com/vue-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), and [Word Processor](https://www.syncfusion.com/vue-components/vue-word-processor?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples). + +### About Syncfusion +Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. + +Today, we provide 1800+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software. + +
+ +

+sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET
+

From a5e6a6027da5cb4987c3d82d3618295617949620 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Tue, 21 Nov 2023 16:26:43 +0300 Subject: [PATCH 2/4] Update README.md --- README.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/README.md b/README.md index d78ea01..f11e8c6 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,14 @@ # getting-started-with-the-vue-split-button-component The [Vue Split Button](https://www.syncfusion.com/vue-components/vue-split-button?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) triggers a default action when the primary button is clicked and provides a list of actions when the drop-down button is clicked. A quick start project that shows how to add the Syncfusion Vue Split button component to a Vue application. It shows how to add a separator and display icons in the split button. It also shows how to customize the icon position. +## Project prerequisites + +Make sure that you have the latest versions of NodeJS and Visual Studio Code in your machine before starting to work on this project. + +### How to run this application? + +To run this application, you need to clone the `getting-started-with-the-vue-split-button-component` repository and then open it in Visual Studio Code. Now, simply install all the necessary vue packages into your current project using the `npm install` command and run your project using the `npm run dev` command. + ## Features and Benefits ### Menu items with icons From 546dce7788704d66fecb5c8dc53a1ef305d5105a Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Wed, 22 Nov 2023 12:15:29 +0300 Subject: [PATCH 3/4] Update README.md --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index f11e8c6..198ba50 100644 --- a/README.md +++ b/README.md @@ -21,10 +21,10 @@ The pop-up is a toggleable container that holds a list of action items or custom ### Built-in themes -The Vue Split Button supports built-in themes such as Bootstrap 5, Tailwind CSS, Fluent, high contrast, and more. Users can customize these built-in themes or create new themes to achieve the desired look and feel either by simply overriding SASS variables or using the Theme Studio application. +The [Vue Split Button](https://www.syncfusion.com/vue-components/vue-split-button?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) supports built-in themes such as Bootstrap 5, Tailwind CSS, Fluent, high contrast, and more. Users can customize these built-in themes or create new themes to achieve the desired look and feel either by simply overriding SASS variables or using the Theme Studio application. ## Related links -[Learn More about Vue Split Button](https://www.syncfusion.com/vue-components/vue-split-button?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) +[Learn More about Vue Split Button](https://www.syncfusion.com/downloads/vue?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) [Download Free Trial](https://www.syncfusion.com/account/manage-trials/downloads?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) @@ -42,7 +42,7 @@ The Vue Split Button supports built-in themes such as Bootstrap 5, Tailwind CSS, ## About Syncfusion Vue Components -Syncfusion's [Vue Components](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Split Button, we provide popular Vue Components such as [Button](https://www.syncfusion.com/vue-components/vue-button?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Badge](https://www.syncfusion.com/vue-components/vue-badge?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Scheduler](https://www.syncfusion.com/vue-components/vue-scheduler?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Diagram](https://www.syncfusion.com/vue-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), and [Word Processor](https://www.syncfusion.com/vue-components/vue-word-processor?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples). +Syncfusion's [Vue Components](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Split Button, we provide popular Vue Components such as [Charts](https://www.syncfusion.com/vue-components/vue-charts?utm_source=github&utm_medium=listing&utm_campaign=vue-speed-dial-github-samples), [Grid](https://www.syncfusion.com/vue-components/vue-grid?utm_source=github&utm_medium=listing&utm_campaign=vue-speed-dial-github-samples), [Scheduler](https://www.syncfusion.com/vue-components/vue-scheduler?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), [Diagram](https://www.syncfusion.com/vue-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples), and [Word Processor](https://www.syncfusion.com/vue-components/vue-word-processor?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples). ### About Syncfusion Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. @@ -52,5 +52,5 @@ Today, we provide 1800+ components and frameworks for web ([Blazor](https://www.

-sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET
+sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET

From 21878603a5d5c919664e86e58b65d25118c4607c Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Fri, 24 Nov 2023 09:04:11 +0300 Subject: [PATCH 4/4] Update README.md --- README.md | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 198ba50..4146368 100644 --- a/README.md +++ b/README.md @@ -17,16 +17,15 @@ Users tend to perceive visual information better than text. The Vue Split Button ### Pop-up menu -The pop-up is a toggleable container that holds a list of action items or custom content that will open or close when the button is clicked. You can customize all the items in a pop-up. +The [pop-up](https://ej2.syncfusion.com/vue/documentation/split-button/popup-items#popup-templating?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) is a toggleable container that holds a list of action items or custom content that will open or close when the button is clicked. You can customize all the items in a pop-up. -### Built-in themes - -The [Vue Split Button](https://www.syncfusion.com/vue-components/vue-split-button?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) supports built-in themes such as Bootstrap 5, Tailwind CSS, Fluent, high contrast, and more. Users can customize these built-in themes or create new themes to achieve the desired look and feel either by simply overriding SASS variables or using the Theme Studio application. +### Menu divider and separator +You can use a horizontal line separator to represent similar action items as a group within the list of available items. ## Related links -[Learn More about Vue Split Button](https://www.syncfusion.com/downloads/vue?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) +[Learn More about Vue Split Button](https://www.syncfusion.com/vue-components/vue-split-button?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) -[Download Free Trial](https://www.syncfusion.com/account/manage-trials/downloads?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) +[Download Free Trial](https://www.syncfusion.com/downloads/vue?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples) [Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=vue-split-button-github-samples)