iblanked / ng2-slimscroll

Angular2 Customizable Scrollbar Directive

ng2-slimscroll

ng2-slimscroll is a customizable scrollbar directive for Angular2.

Make scrollbar looks identical in any browser and any os.

Demo

http://jankuri.com/components/angular2-slimscroll

Installation:

npm install ng2-slimscroll

If you are using SystemJS, you can map to ng2-slimscroll in your configuration.

<!-- index.html -->
<script>
  SystemJS.config({
    map: {
      "ng2-slimscroll": "node_modules/ng2-slimscroll/ng2-slimscroll.js"
    }
  });
</script>

Use Example:

import {Component} from 'angular2/core';
import {SlimScroll} from 'ng2-slimscroll';

@Component({
  template: `
    <div slimscroll 
         background="#333" 
         opacity="0.6" 
         position="right" 
         width="7px"
         border-radius="5px">
      Long scrollable content ...
    </div>
  `,
  directives: [SlimScroll]
})

class App { }

Author

Jan Kuri

Licence

This project is licensed under the MIT license. See the LICENSE file for more info.