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

carousel

v1.0.0arrow_drop_down
v1.0.0
STATUS
Passing
DOWNLOADS
64
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
6 months ago
SIZE
9 KB
subject
Enables animation on the Carousel as it transitions between slides.
1 contributor
Use carousel in your project ?
Copied
npm i @bit/react-bootstrap.react-bootstrap.carousel
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
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';
revert changes
reload
toggle layout
maximize
modifieddraft
modifieddraft
chevron_left
chevron_right

Enables animation on the Carousel as it transitions between slides.

Show a set of slide position indicators

The amount of time to delay between automatically cycling an item. If null, carousel will not automatically cycle.

Show the Carousel previous and next arrows for changing the current slide

Temporarily puase the slide interval when the mouse hovers over a slide.

Callback fired when the active item changes.

(eventKey: any, direction: 'prev' | 'next', ?event: Object) => any

Controls the current visible slide

Label shown to screen readers only, can be used to show the previous element in the carousel. Set to null to deactivate.

Label shown to screen readers only, can be used to show the next element in the carousel. Set to null to deactivate.