1.4.0 • Published 2 years ago

@camdh/ion-custom-scrollbar v1.4.0

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

ion-custom-scrollbar

Installation

# on project root
npm i @camdh/ion-custom-scrollbar

Usage

Import the module on top of your lazy loaded module and add it to the imports array on NgModule.

import { IonCustomScrollbarModule } from 'ion-custom-scrollbar'

@NgModule({
  imports: [
    ...,
    IonCustomScrollbarModule
  ],
  declarations: [...]
})

Configuration

You can pass a configuration object on ion-content using the scrollbar attribute.

keytypedescriptiondefault value
widthnumbertrack width in pixels8
tracknumbertrack opacity0.1
trackHovernumbertrack opacity on hover0.1
thumbnumberthumb opacity0.25
thumbHovernumberthumb opacity on hover0.33
allbooleanapply style on mobile alsofalse

Example

<ion-content [scrollbar]="{width:12,trackHover:0}">
   ...
</ion-content>

Publish

# you just need to run the script
./publish
1.4.0

2 years ago

1.3.2

3 years ago

1.2.9

3 years ago

1.3.1

3 years ago

1.2.8

3 years ago

1.2.6

3 years ago

1.2.4

3 years ago

1.2.3

3 years ago

1.2.2

3 years ago

1.2.1

3 years ago