Skip to content

jhuntoo/ng2-slimscroll

 
 

Repository files navigation

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.

About

Angular2 Customizable Scrollbar Directive

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 85.1%
  • JavaScript 14.9%