sp-combo

Multiline - [x] Show Multi Fields - [x] Custom binding to property or object - [x] Custom option, label, header and footer templates - [x] Virtual Scroll support with large data sets (>5000 items). - [x] Infinite scroll - [x] Keyboard navigation - [x] Multiselect - [x] Flexible autocomplete with client/server filtering - [x] Custom search - [x] Custom tags - [x] Append to - [x] Group items - [x] Output events - [x] Accessibility - [x] Good base functionality test coverage - [x] Themes

Usage no npm install needed!

<script type="module">
  import spCombo from 'https://cdn.skypack.dev/sp-combo';
</script>

README

SpCombo

Angular sp-combo - Multiselect, Multiline and Autocomplete

Features

Multiline
Show Multi Fields
Custom binding to property or object
Custom option, label, header and footer templates
Virtual Scroll support with large data sets (>5000 items).
Infinite scroll
Keyboard navigation
Multiselect
Flexible autocomplete with client/server filtering
Custom search
Custom tags
Append to
Group items
Output events
Accessibility
Good base functionality test coverage
Themes

Warning

Library is under active development.

Getting started

Step 1: Install `sp-combo`:

NPM

npm install --save sp-combo

Step 2: Import the SpComboModule and angular FormsModule module:

import { SpComboModule } from 'sp-combo';
import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [AppComponent],
  imports: [SpComboModule, FormsModule],
  bootstrap: [AppComponent]
})
export class AppModule {}

Step 3: Include a theme:

@import "~sp-combo/themes/default.theme.css";
// ... or 
@import "~sp-combo/themes/material.theme.css";