ngx-kc-selectbox
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.1 • Public • Published

    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

    npm install ngx-kc-selectbox --save

    Setup

    Add NgxSelectboxModule to app NgModule

    import { CommonModule } from '@angular/common';
     
    import { NgxSelectboxModule } from 'ngx-selectbox';
     
    @NgModule({
      imports: [
        CommonModule,
        NgxSelectboxModule // NgxSelectboxModule added
      ],
      bootstrap: [App],
      declarations: [App]
    })
    class AppModule {}

    Use

    <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

    Install

    npm i ngx-kc-selectbox

    DownloadsWeekly Downloads

    3

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    173 kB

    Total Files

    30

    Last publish

    Collaborators

    • kastriotcunaku