# ngx-kc-selectbox

> Angular component for select box with checkboxes and radio buttons.

Latest version **1.0.1** (published 2019-06-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install ngx-kc-selectbox
pnpm add ngx-kc-selectbox
yarn add ngx-kc-selectbox
bun add ngx-kc-selectbox
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2019-06-08 |
| First published | 2019-06-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 168.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Kastriot Cunaku |
| Maintainers | kastriotcunaku |
| Keywords | select, select-box, angular, javascript, typescript, typeahead, component |

## Links

- npm: https://www.npmjs.com/package/ngx-kc-selectbox
- Repository: https://github.com/kastriotcunaku/ngx-kc-selectbox
- Homepage: https://kastriotcunaku.github.io/ngx-kc-selectbox/
- Issues: https://github.com/kastriotcunaku/ngx-kc-selectbox/issues
- npm.io page: https://npm.io/package/ngx-kc-selectbox

## Dependencies (1)

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

## Alternatives

- [@openai/codex-sdk](https://npm.io/package/@openai/codex-sdk.md) — 731.4K weekly downloads
- [babel-plugin-transform-react-jsx](https://npm.io/package/babel-plugin-transform-react-jsx.md) — 565.0K weekly downloads
- [babel-helper-remove-or-void](https://npm.io/package/babel-helper-remove-or-void.md) — 508.5K weekly downloads
- [@pnpm/store-controller-types](https://npm.io/package/@pnpm/store-controller-types.md) — 186.9K weekly downloads
- [react-native-signature-canvas](https://npm.io/package/react-native-signature-canvas.md) — 155.6K weekly downloads

## Recent versions

- 1.0.1 (latest) — 2019-06-08
- 1.0.0 — 2019-06-08

## README

# ngx-kc-selectbox

DEMO: https://kastriotcunaku.github.io/ngx-kc-selectbox/

## Features

- Modern UI
- Easy to install and use
- Use your existing form elements, just wrap them with `<ngx-selectbox>` tag.
- Included search field

## Dependencies

| ngx-kc-selectbox | Angular |
| ---------------- | ------- |
| 1.0.0            | 5.x     |

## Install

```bash
npm install ngx-kc-selectbox --save
```

## Setup
Add NgxSelectboxModule to app NgModule

```typescript
import { CommonModule } from '@angular/common';

import { NgxSelectboxModule } from 'ngx-selectbox';

@NgModule({
  imports: [
    CommonModule,
    NgxSelectboxModule // NgxSelectboxModule added
  ],
  bootstrap: [App],
  declarations: [App]
})
class AppModule {}
```

## Use

```html
<ngx-selectbox [placeholder]="'Sort by'" [hideSearch]="true">
  <div class="items">
    <label class="custom-input">Name
      <input type="radio" name="sort" value="Name" [(ngModel)]="sort">
      <span class="checkmark"></span>
    </label>
    <label class="custom-input">Type
      <input type="radio" name="sort" value="Type" [(ngModel)]="sort">
      <span class="checkmark"></span>
    </label>
    <label class="custom-input">Size
      <input type="radio" name="sort" value="Size" [(ngModel)]="sort">
      <span class="checkmark"></span>
    </label>
  </div>
</ngx-selectbox>
```
More examples can be found [here](https://kastriotcunaku.github.io/ngx-kc-selectbox/)

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