Scrollbar Indicator To Show The First Character Of The Item In A Large List

Author: shhdharmen
Official Page: Go to website
Publish Date: February 27, 2020
License: MIT

Description:

An Angular component to add an indicator to the scrollbar that shows the first character of the item in a larget list.

Ideal for contact list that contains tons of entries sorted alphabetically.

How to use it:

1. Install and import the ngx-scrollbar-indicator module.

# NPM
$ npm install ngx-scrollbar-indicator --save
import { NgxScrollbarIndicatorModule } from 'ngx-scrollbar-indicator';
@NgModule({
  ...
  imports: [
    BrowserModule,
    ...,
    NgxScrollbarIndicatorModule
  ]
})

2. Create the ngx-scrollbar-indicator component in your template.

<ngx-scrollbar-indicator #indicatorRef>
  <!-- Element Here -->
</ngx-scrollbar-indicator>

Preview:

Scrollbar Indicator To Show The First Character Of The Item In A Large List


You Might Be Interested In:

Tags:

Add Comment