@talixo/carousel
Advanced tools
UI Component which represents Carousel
Package is available as @talixo/carousel in NPM registry, so you can use it in your project
using npm install @talixo/carousel --save or yarn add @talixo/carousel.
Your package should additionally have some extra dependencies:
@talixo/icon: ^1.0.0-alpha.20@talixo/shared: ^1.0.0-alpha.20lodash: ^4.17.10prop-types: ^15.6.1react: ^16.2.0react-dom: ^16.2.0These packages are required by @talixo/carousel, but you have to install them manually,
to avoid having different versions of these in your application.
It handles all props which can be passed to div. Also, handles some differently:
| Property name | Type | Default | Description |
|---|---|---|---|
| arrows | bool | n/a | Arrows to navigate between slides |
| children | nodes | n/a | Elements in each slides |
| className | string | n/a | Additional class name passed to wrapper |
| dots | bool | n/a | Dots to navigate between slides |
| animationTime | number | 500 | Duration of animation (in ms) |
| infinite | bool | false | Infinite scroll |
| perPage | number | 1 | Number of visible slides |
| renderDots | function | Dots | Function which render custom dots |
| renderArrows | function | Arrows | Function which render custom arrows |
| value | number | self-controlled | Index of currently selected slide element |
| onChange | function | n/a | Event handler for change of slide |
| defaultMovement | string | "exact" | Default behavior of movement (for controlled component), when neither dots nor arrows were clicked, one of: exact, forward, back |
| Property name | Type | Default | Description |
|---|---|---|---|
| interval | number | 3000 | Time in milliseconds to go to next slide |
| movement | string | "forward" | Movement behavior, one of: exact, forward, back |
| children | node | n/a | Carousel element, which should have auto-play behavior |
| initialSlide | number | get from carousel' value | Slide where it should start on |
| step | number | get from carousel' perPage | Numbers of slides to move each interval |
FAQs
UI Component which represents Carousel
The npm package @talixo/carousel receives a total of 0 weekly downloads. As such, @talixo/carousel popularity was classified as not popular.
We found that @talixo/carousel demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.