Chip Selections

Angular component using chips to add selections as a formControl. You can also add multiple entries into the field (comma delimited) and it will parse and add the chips.

Installation

npm install chip-selections

Scaffolding

Import the module into your project under imports

imports: [
    BrowserModule,
    AppRoutingModule,
    ChipSelectionsModule
  ],

Selector Usage

This is the basic selector with no content, header or hiddend content

This selector uses content projection - the following selector can be projected into the component - the element does not matter.

Inputs

The following Inputs are available

Input	Type	Defaut	Description
placeholder	STRING	''	placeholder text
label	STRING	''	label for input

Outputs

Event	Type	Description
change	STRING	all chips in input as string - comma delimited

FormControl

formControlName="chips"

<wav-chip-selections formControlName="chips"></wav-chip-selections>

chipSelections = this.fb.group({
  chips: ['sample_1, sample_2, sample_3, sample_4'],
})