Skip to content

SEO-2281: Vue-AutoComplete-External-link #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 38 additions & 0 deletions .github/workflows/gitleaks.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
name: Secret Value found!
on:
push:
public:
jobs:
scan:
name: gitleaks
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v3
- name: Install the gitleaks
run: wget https://github.com/zricethezav/gitleaks/releases/download/v8.15.2/gitleaks_8.15.2_linux_x64.tar.gz
shell: pwsh
- name: Extract the tar file
run: tar xzvf gitleaks_8.15.2_linux_x64.tar.gz
- name: Generate the report
id: gitleaks
run: $GITHUB_WORKSPACE/gitleaks detect -s $GITHUB_WORKSPACE -f json -r $GITHUB_WORKSPACE/leaksreport.json
shell: bash
continue-on-error: true
- name: Setup NuGet.exe
if: steps.gitleaks.outcome != 'success'
uses: nuget/setup-nuget@v1
with:
nuget-version: latest
- name: Install the dotnet
if: steps.gitleaks.outcome != 'success'
uses: actions/setup-dotnet@v3
with:
dotnet-version: '3.1.x'
- name: Install the report tool packages
if: steps.gitleaks.outcome != 'success'
run: |
nuget install "Syncfusion.Email" -source "https://nexus.syncfusion.com/repository/nuget-hosted/"
dir $GITHUB_WORKSPACE/Syncfusion.Email.1.0.0/lib/netcoreapp3.1
dotnet $GITHUB_WORKSPACE/Syncfusion.Email.1.0.0/lib/netcoreapp3.1/Email.dll "citeam@syncfusion.com" "$GITHUB_REF_NAME" ${{ secrets.NETWORKCREDENTIALS }} ${{ secrets.NETWORKKEY }} "$GITHUB_WORKSPACE"
exit 1
52 changes: 47 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,6 @@
# How to Get Started with the Vue AutoComplete Component of Syncfusion?

Learn how easily you can create and configure the Syncfusion Vue AutoComplete using Vue CLI. You will learn how to add the Syncfusion Vue AutoComplete to a Vue application. You will see how to populate JSON data and remote data sources to the AutoComplete, how to highlight the searched text, and how to set a custom height and width for the AutoComplete pop-up.

Documentation Link: https://ej2.syncfusion.com/vue/documentation/auto-complete/getting-started/

Demo Link: https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/default.html
Learn how easily you can create and configure the Syncfusion [Vue AutoComplete](https://www.syncfusion.com/vue-ui-components/vue-autocomplete?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples) using Vue CLI. You will learn how to add the Syncfusion Vue AutoComplete to a Vue application. You will see how to populate JSON data and remote data sources to the AutoComplete, how to highlight the searched text, and how to set a custom height and width for the AutoComplete pop-up.

## Project pre-requisites
Make sure that you have the compatible versions of Node and Vue-Cli in your machine before starting to work on this project.
Expand Down Expand Up @@ -32,3 +28,49 @@ Run `npm run serve` command for a dev server. Navigate to `http://localhost:8080
## Further help

To get more help on the vue CLI use go check out the [Vue-Cli README](https://github.com/vuejs/vue-cli/blob/master/README.md).

## Features and Benefits of Vue AutoComplete

### Data binding
You can bind data from a variety of data sources, such as an array of primitive data, JSON data collections, or remote data sources using different kinds of adaptors such as OData, OData V4, URL, JSON, and Web API.

### Filtering
Built-in filtering support includes a rich set of filtering options that is available to meet all your application needs.

### Autofill search
The Vue AutoComplete component has an autofill search option that completes the word that the user types based on the suggestion text, allowing the end user to search for items easily.

### Grouping
Group the suggestions based on logically grouped categories with individual headers.

### UI customization
Customize the appearance of each item displayed in the suggestion list with templating.

### Floating label
Developer can control whether the placeholder should float.

## Related Links

[Learn More about Vue AutoComplete](https://www.syncfusion.com/vue-ui-components/vue-autocomplete?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples)<br/><br/>
[Documentation](https://ej2.syncfusion.com/vue/documentation/auto-complete/getting-started/?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples)<br/><br/>
[Download Free Trial](https://www.syncfusion.com/downloads?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples)<br/><br/>
[Online Demos](https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/default.html?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples)<br/><br/>
[Community Forums](https://www.syncfusion.com/forums/windowsforms?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples)<br/><br/>
[Knowledge Base](https://www.syncfusion.com/kb/essential-js2?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples)<br/><br/>
[Suggest a feature](https://www.syncfusion.com/feedback/vue?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples)<br/><br/>
[Pricing](https://www.syncfusion.com/sales/products/vue?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples)<br/><br/>

## About Syncfusion Vue UI Components
Syncfusion's [Vue UI Components](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples) library is the only suite that you will ever need to build an application since it contains over 70 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to AutoComplete, we provide popular Vue Components such as [Vue Charts](https://www.syncfusion.com/vue-ui-components/vue-charts?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [Vue DataGrid](https://www.syncfusion.com/vue-ui-components/vue-grid), [Vue Scheduler](https://www.syncfusion.com/vue-ui-components/vue-scheduler?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [Vue Diagram](https://www.syncfusion.com/vue-ui-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), and [Vue PDF Viewer](https://www.syncfusion.com/vue-ui-components/vue-pdf-viewer?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples).

## About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 28000+ companies and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1700+ controls and frameworks for web ([ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples)), mobile ([WinForms](https://www.syncfusion.com/WinForms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples)), and desktop development ([Windows Forms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [WPF](https://www.syncfusion.com/wpf-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [WinUI)](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-github-samples), [.NET MAUI](https://www.syncfusion.com/maui-controls), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=vue-autocomplete-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.

<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" />

<p align="center">
<a href="mailto:sales@syncfusion.com?Subject=Syncfusion Vue AutoComplete - Github Sample" target="_top">sales@syncfusion.com</a> | Toll Free: 1-888-9 DOTNET <br>
</p>