open-index/open-npm huggingface dataset:
npm package: @ionic-collection/accordion
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.3.
Author: Syed Muhammad Taha
Latest version: 0.0.5

# Accordion

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.3.

## Code scaffolding

Run `ng generate component component-name --project accordion` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project accordion`.
> Note: Don't forget to add `--project accordion` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build accordion` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build accordion`, go to the dist folder `cd dist/accordion` and run `npm publish`.

## Running unit tests

Run `ng test accordion` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ionic-collection/segments
Description: `ionic-segments` is a wrapper over `ion-segment` to avoid repetative use of `ion-segment`, `ion-segment-button` and `ion-label`.
Latest version: 0.0.3

# Segments

`ionic-segments` is a wrapper over `ion-segment` to avoid repetative use of `ion-segment`, `ion-segment-button` and `ion-label`.

`ionic-segments` is useful when you have simple and similar content in all segments.

## How to use

1. Install `@ionic-collection/segments`.

```bash
npm i @ionic-collection/segments
```

2. Add `SegmentsModule` to NgModule.

```typescript
import { SegmentsModule } from '@ionic-collection/segments';

@NgModule({
  ...imports: [
    ...
    SegmentsModule
    ...
  ]
})
export class MyModule { ... }
```

3. Use in component:

```typescript
import { Segments } from '@ionic-collection/segments';

@Component({
  template: `
    <ionic-segments [segments]="segments"></ionic-segments>
  `,
  ...
})
export class MyComponent {
  ...
  segments: Segments = [{ text: 'My segment text', value: 'my-segment-text' }];
  ...
}
```

`ionic-segments` takes following input properties:

`segments` is an array of objects. Each object has 2 properties: `text` is the text to be shown on segment button and `value` is the value that will be sent back on click.

`defaultSelectedIndex` is the index of item you want to select when `ionic-segments` is first shown.

`mode` can be `ios` or `md`.

`scrollable` can be `true` or `false`. If you have long list of segments buttons you will want to make it scrollable.

`ionic-segments` emits `selectedSegmentChange` when any `segment` is clicked. The emitted event contains the `value` of the segment.