Skip to content

Segmented bar (button-group) component for Angular.

Notifications You must be signed in to change notification settings

sean-perkins/ngx-segmented-bar

Repository files navigation

ngx-segmented-bar

npm npm

Simplistic segmented bars (button groups) in Angular.

Example Image

  1. npm i ngx-segmented-bar --s
  2. Add NgxSegmentedBarModule to your feature module.
import { NgxSegmentedBarModule } from 'ngx-segmented-bar';

...
imports: [
    NgxSegmentedBarModule
]
...

Usage

<ngx-segmented-bar [items]="segmentedBarItems" (selectedIndexChange)="onSegmentedItemChange($event)"></ngx-segmented-bar>
    segmentedBarItems: any[] = [
        {
            title: 'Test 1'
        },
        {
            title: 'Test 2'
        }
    ];

    onSegmentedItemChange($event) {
        console.log('changed', $event);
    }

Contributors

Sean perkins
Sean Perkins