ngx-overflow-shadow
v0.2.4
Published
A simple Angular directive to be used on any scrollable container for adding a shadow on the top/bottom side of the container.
Downloads
55
Maintainers
Readme
NgxOverflowShadow
- A simple Angular directive to be used on any scrollable container for adding a shadow on the top/bottom side of the container.
Demo
A simple usage example can be found under
src/app
directory of this repository.You may also visit the online usage example on https://maormoshe.github.io/OverflowShadowLibrary/
Installation
Download from npm:
npm install ngx-overflow-shadow --save
Import the
NgxOverflowShadowModule
module:import {NgxOverflowShadowModule} from 'ngx-overflow-shadow'
Add
NgxOverflowShadowModule
to your module imports:
@NgModule({ ... imports: [ ... NgxOverflowShadowModule ] })
API
Put the ngxOverflowShadow
directive selector on any scrollable container.
Input()
| Name | Type | Default | Description | |----------------|:----------:|:--------------------------------:|:-------------------------------------------------------------------------------| | top | boolean | false | Indicator for top shadow display. | | bottom | boolean | true | Indicator for bottom shadow display. | | shadowStyle | string | 0 0 8px 1px rgba(0, 0, 0, 0.5) | The box-shadow style you want to apply on the top/bottom side of the container.|