https://github.com/sean-perkins/ngx-segmented-bar

Segmented bar (button-group) component for Angular.
https://github.com/sean-perkins/ngx-segmented-bar

angular angular-library button-group html ngx sass typescript

Last synced: 3 months ago
JSON representation

Segmented bar (button-group) component for Angular.

• Host: GitHub
• URL: https://github.com/sean-perkins/ngx-segmented-bar
• Owner: sean-perkins
• Created: 2017-07-11T03:58:24.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-07-11T04:14:37.000Z (about 9 years ago)
• Last Synced: 2025-09-07T15:56:17.734Z (10 months ago)
• Topics: angular, angular-library, button-group, html, ngx, sass, typescript
• Language: JavaScript
• Size: 17.6 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ngx-segmented-bar

[![npm](https://img.shields.io/npm/v/ngx-segmented-bar.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/ngx-segmented-bar)

[![npm](https://img.shields.io/npm/dt/ngx-segmented-bar.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/ngx-segmented-bar)

Simplistic segmented bars (button groups) in Angular.

![Example Image](https://media.giphy.com/media/3o7btM1DyLY6t3Ky7C/giphy.gif)

1. `npm i ngx-segmented-bar --s`

2. Add `NgxSegmentedBarModule` to your feature module.

```

import { NgxSegmentedBarModule } from 'ngx-segmented-bar';

...

imports: [

    NgxSegmentedBarModule

]

...

```

## Usage

```html

```

```javascript

    segmentedBarItems: any[] = [

        {

            title: 'Test 1'

        },

        {

            title: 'Test 2'

        }

    ];

    onSegmentedItemChange($event) {

        console.log('changed', $event);

    }

```

## Contributors

[](https://github.com/sean-perkins) |

:---:

|[Sean Perkins](https://github.com/sean-perkins)|