Search-sort-angular-carbon NPM

Search-Sort-Angular-Carbon

An Angular implementation of the Carbon Design System https://www.carbondesignsystem.com component which supposed to perform search / sorting an object using angular & carbon design system UI.

steps:

1 Install the required packages.

npm i search-sort-angular-carbon

2 Install carbon-components-angular | @carbon/icons-angular.

npm i --save carbon-components-angular carbon-components @carbon/icons-angular

3 import SearchSortAngularCarbonModule.

import  { SearchSortAngularCarbonModule }   from "search-sort-angular-carbon".
@NgModule({
  ....
  ....

  imports: [
    SearchSortAngularCarbonModule
  ]
})
export class AppModule { }

4 add blew css to your main scss file.

@import '~carbon-components/scss/globals/scss/styles.scss';.
app-search-sort {
    .bx--toolbar-search__btn {
        top:auto;
    }
}

5 use app-search-sort selector.

<app-search-sort [inputData]="data" [options]="options" (result)="handleResults($event)"></app-search-sort>

data : Object: any = {key:Value,key:Value}.
options: object = {
    sort_by:'COLUMNS_NAME'
}.


handleResults(e) {.
    console.log(e) //will log app-search-sort output.
}