1.1.30 • Published 3 years ago

ngx-smart-slider v1.1.30

Weekly downloads
1
License
MIT
Repository
github
Last release
3 years ago

NGX-SMART-SLIDER

This project was generated with Angular CLI version 9.1.0.

:star: Give a Star!

If you like or are using this project please give it a star here. Thanks!

Screenshot

ngx-smart-slider

✨ Features

  • Slider.

☀️ License

🖥 Environment Support

  • Angular ^9.0.0 npm package

📦 Installation

NPM

npm install ngx-smart-slider --save

🔨 Usage

Import the component modules you want to use into your app.module.ts file and feature modules.

import {NgxSmartSliderModule} from 'ngx-smart-slider';

@NgModule({
  imports: [ NgxSmartSliderModule ]
})
export class AppModule {
}

In your template write this code.

<smart-slider [cellLimit]="3" [transitionDuration]="1" [height]="200" [items]="items" [showPrevious]="isShowPrevious" [showNext]="isShowNext"></smart-slider>

Properties

PropertyDescriptionTypeDefault
classSet classstring''
transitionDurationTransition durationnumber0.3
autoplayIntervalAuto play interval (MS)number2000
heightHeightnumbernull
cellLimitCell limit to shownumber1
itemPaddingItem paddingnumber10
itemMarginItem marginnumber10
pauseOnHoverPause when hoverbooleanfalse
loopIs loopingbooleanfalse
autoplayAuto playbooleanfalse
showDotsShow dotsbooleanfalse
showNextShow next buttonbooleanfalse
showPreviousShow previous buttonbooleanfalse
textColorText colorstring'black'
textPositionText position'centered-top' or 'centered-bottom' or 'centered' or 'bottom-right ' or 'top-right' or 'top-left' or 'bottom-left''centered'
itemsItemsArray[]
(select)Event fire when select item and return itemItemnull

🔗 Links

⌨️ Development

$ git clone git@github.com:ShadyNagy/ngx-smart-slider.git
$ cd ngx-smart-slider
$ npm install
$ npm run start

🤝 Contributing

PRs Welcome

We welcome all contributions. Please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues.

🎉 Users

We list some users here, if your company or product uses ngx-smart-slider, let us know here!

1.1.30

3 years ago

1.1.29

3 years ago

1.1.28

4 years ago

1.1.23

4 years ago

1.1.22

4 years ago

1.1.21

4 years ago

1.1.27

4 years ago

1.1.26

4 years ago

1.1.25

4 years ago

1.1.24

4 years ago

1.1.16

4 years ago

1.1.19

4 years ago

1.1.18

4 years ago

1.1.17

4 years ago

1.1.20

4 years ago

1.1.15

4 years ago

1.1.14

4 years ago

1.1.12

4 years ago

1.1.11

4 years ago

1.1.13

4 years ago

1.1.10

4 years ago

1.1.9

4 years ago

1.1.8

4 years ago

1.1.7

4 years ago

1.1.6

4 years ago

1.1.5

4 years ago

1.1.4

4 years ago

1.1.1

4 years ago

1.1.3

4 years ago

1.1.2

4 years ago

1.1.0

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago