https://github.com/bougarfaoui/ui-carousel
🎨 Angular carousel Component 🔥
https://github.com/bougarfaoui/ui-carousel
angular carousel typescript
Last synced: 6 months ago
JSON representation
🎨 Angular carousel Component 🔥
- Host: GitHub
- URL: https://github.com/bougarfaoui/ui-carousel
- Owner: bougarfaoui
- License: mit
- Created: 2017-12-26T20:33:24.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-04-04T08:56:01.000Z (almost 7 years ago)
- Last Synced: 2025-09-15T12:49:58.936Z (6 months ago)
- Topics: angular, carousel, typescript
- Language: TypeScript
- Homepage: https://bougarfaoui.github.io/ui-carousel/
- Size: 2.14 MB
- Stars: 79
- Watchers: 8
- Forks: 51
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌀ui-carousel
✨ Carousel component for angular 4 and 5
## 💥 Features :
- 👌 Supports touch events
- ⚡️ Image lazy loading
- 😈 No third party library
- 😎 Easy to use API
## Install
``` npm install ui-carousel --save ```
## Demo :
## [Demo](https://bougarfaoui.github.io/ui-carousel/)
## Example :
```html
![]()
```
## API
### Inputs
Inputs | Type | Description
---------------- | --------------- | -----------
`infinite` | `boolean` | Infinite carousel
`arrows` | `boolean` | Show/hide Arrows
`dots` | `boolean` | Show/hide Dots
`speed` | `number` | Speed (in milliseconds)
`fade` | `bool` | Enable fade mode
`height` | `string` | Height of the carousel (in px or %)
`width` | `string` | Width of the carousel (in px or %)
### Directives :
```[ui-lazy-load]``` : used to lazy load images in the carousel :
```html
![]()
```
### Licence :
MIT