Ninja Programmers Mindmeld

    chip-selections
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.5 • Public • Published

    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'],
    })
    

    Install

    npm i chip-selections

    DownloadsWeekly Downloads

    2

    Version

    0.1.5

    License

    ISC

    Unpacked Size

    59.7 kB

    Total Files

    14

    Last publish

    Collaborators

    • wavecoders