Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

carousel

v5.1.1arrow_drop_down
v5.1.1
STATUS
Passing
DOWNLOADS
3
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
3 months ago
SIZE
6 KB
A slideshow component for cycling through elements—images or slides of text—like a carousel. Nested carousels are not supported.
1 contributor
Use carousel in your project ?
Copied
npm i @bit/valor-software.ngx-bootstrap.carousel
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
Angular
React
Vue
Angular
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
chevron_left
chevron_right

Base element to create carousel

Delay of item cycling in milliseconds. If false, carousel won’t cycle automatically.

Adds new slide. If this slide is first in collection - set it as active and starts auto changing

Removes specified slide. If this slide is active - will roll to another slide

Rolling to next slide

Rolling to previous slide

Swith slides by enter, space and arrows keys

Play on mouse leave

Play on mouse up

When slides on focus autoplay is stopped(optional)

When slides out of focus autoplay is started

Rolling to specified slide

Starts a auto changing of slides

Stops a auto changing of slides

Finds and returns index of currently displayed slide

Defines, whether the specified index is last in collection

Defines, whether the specified index is first in collection

Defines next slide index, depending of direction

Sets a slide, which specified through index, as active

Starts loop of auto changing of slides

Stops loop of auto changing of slides

Returns the index of the last element in the array where predicate is true, and -1 otherwise.