# rainx-listbox

> This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.0.

Latest version **0.0.2** (published 2022-02-28) · 0 weekly downloads

## Install

```sh
npm install rainx-listbox
pnpm add rainx-listbox
yarn add rainx-listbox
bun add rainx-listbox
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2022-02-28 |
| First published | 2022-02-28 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 66.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | emirhan.npm |

## Links

- npm: https://www.npmjs.com/package/rainx-listbox
- npm.io page: https://npm.io/package/rainx-listbox

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^2.3.0

## Recent versions

- 0.0.2 (latest) — 2022-02-28
- 0.0.1 — 2022-02-28

## README

# Listbox Component 

  This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.0.

  https://www.npmjs.com/package/rainx-listbox
  
  ## Installation

    npm install rainx-listbox
    
  ## Usage 
  
   ### Module Import
      
      import { BrowserModule } from '@angular/platform-browser';
      import { NgModule } from '@angular/core';
      import { AppRoutingModule } from './app-routing.module';
      import { AppComponent } from './app.component';
      import { RainxListboxModule } from 'rainx-listbox';

     @NgModule({
       declarations: [
         AppComponent,
       ],
       imports: [
         BrowserModule,
         AppRoutingModule,
         RainxListboxModule
       ],
       providers: [],
       bootstrap: [AppComponent]
    })
    export class AppModule { }
    
   ### In the template
  
    <rainx-listbox 
            [data]="data" 
            [key]="'id'" 
            [display]="['no','name']">
    </rainx-listbox>
    
   ## Properties
   
   - data : Data source for listbox 
      
      type : any []
      defaut : []
    
   - key : Unique identifier for items
   
      type : string
      defaut : 'id'   

   - display :  Display properties for items
   
      type : string [] | string
      defaut : []

   - seperator :  Seperator for display values

      type: string 
      default : '-'        

   - primitive :  Indicates object or primitive type

      type: boolean 
      default : true      

   - selectedKey :  Indicates selected item key

      type: any 
      default : null      

   - removeable :  Indicates items removeable or not

      type: any 
      default : null 

   - resizeable :  Indicates listbox resizeable or not

      type: any 
      default : null        

   ## Events 

    - selectionChange : It is triggered when item selected.
   
      return : any[] 

    - removeChange : It is triggered when items removed.
   
      return : any[]

---
_Source: https://npm.io/package/rainx-listbox · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._