2.5.3 • Published 6 years ago

@adactive/arc-carousel v2.5.3

Weekly downloads
13
License
UNLISENCED
Repository
github
Last release
6 years ago

Carousel component

image

Live examples here

Getting started

    npm i --save @adactive/arc-carousel

OR

    yarn add @adactive/arc-carousel
    import AdsumCarousel from "@adactive/arc-carousel"
     ...
    <AdsumCarousel 
        isOpen=true 
        medias=[]
        onTouchToNavigate={this.onTouchToNavigate}
    />

Props

type PropsType = {|
    +isOpen: boolean,
    +medias: Array<MediaType>,
    +onMediaTouch: (MediaType) => void,
    +carouselOptions?: Object,
    +style?: CSSStyleDeclaration
|};

static defaultProps = {
    isOpen: false,
    medias: [],
    onMediaTouch: null,
    carouselOptions: {
        dragging: false,
        swiping: false,
        autoplayInterval: 10000,
        speed: 1000,
        renderCenterLeftControls: null,
        renderCenterRightControls: null,
        renderCenterBottomControls: null,
        renderBottomCenterControls: null,
        arrows: false,
        pauseOnHover: false,
        slidesToShow: 1,
        slidesToScroll: 1,
        adaptiveHeight: true,
        wrapAround: true
    }
};

isOpen -> To show or hide carousel

medias -> Array of medias to be displayed in the carousel

onMediaTouch -> A callback function to capture clicking of the media

carouselOptions -> Refer to nuka-carousel for more information. However, 2 of the following options in nuka carousel have been predefined in Adsum Carousel Component.

  • autoPlay: This option will be set to true if there is only 1 media in the carousel and false if there are multiple media.
  • afterSlide: This option will be a predefined callback function that plays a video immediately if the next media in the carousel is a video.

style -> To customise the CSS of the overall component

Copy component inside your project src folder

Less only

`npx @adactive/arc-carousel copy --less-only`

Full copy

`npx @adactive/arc-carousel copy`
2.5.3

6 years ago

2.5.1

6 years ago

2.5.0

6 years ago

2.4.0

6 years ago

2.3.0

6 years ago

2.2.0

7 years ago

2.2.0-rc.4

7 years ago

2.2.0-rc.3

7 years ago

2.2.0-rc.2

7 years ago

2.2.0-rc.1

7 years ago

2.2.0-rc.0

7 years ago

2.2.0-alpha.1

7 years ago

2.2.0-alpha.0

7 years ago

2.1.0

7 years ago

2.1.0-rc.1

7 years ago

2.1.0-rc.0

7 years ago

2.1.0-alpha.1

7 years ago

2.1.0-alpha.0

7 years ago

2.0.0

7 years ago

2.0.0-rc.0

7 years ago

2.0.0-alpha.6

7 years ago

2.0.0-alpha.5

7 years ago

2.0.0-alpha.4

7 years ago

2.0.0-alpha.3

7 years ago

2.0.0-alpha.2

7 years ago

2.0.0-alpha.1

7 years ago

2.0.0-alpha.0

7 years ago

1.1.0

7 years ago

1.1.0-rc2

7 years ago

1.1.0-alpha.0

7 years ago

1.0.0

7 years ago

0.0.2-y.44.59

7 years ago

0.0.2-y.44.58

7 years ago

0.0.2-y.44.57

7 years ago

0.0.2-y.44.56

7 years ago

0.0.2-y.44.55

7 years ago

0.0.2-y.44.54

7 years ago

0.0.2-y.44.53

7 years ago

0.0.2-y.44.52

7 years ago

0.0.2-y.44.51

7 years ago

0.0.2-y.44.50

7 years ago

0.0.2-y.44.49

7 years ago

0.0.2-y.44.48

7 years ago

0.0.2-y.44.47

7 years ago

0.0.2-y.44.46

7 years ago

0.0.2-y.44.45

7 years ago

0.0.2-y.44.44

7 years ago

0.0.2-y.44.43

7 years ago

0.0.2-y.44.42

7 years ago

0.0.2-y.44.41

7 years ago

0.0.2-y.44.40

7 years ago

0.0.2-y.44.39

7 years ago

0.0.2-y.44.37

7 years ago

0.0.2-y.44.36

7 years ago

0.0.2-y.44.35

7 years ago

0.0.2-y.44.34

7 years ago

0.0.2-y.44.33

7 years ago

0.0.2-y.44.32

7 years ago

0.0.2-y.44.31

7 years ago

0.0.2-y.44.30

7 years ago

0.0.2-y.44.29

7 years ago

0.0.2-y.44.28

7 years ago

0.0.2-y.44.27

7 years ago

0.0.2-y.44.26

7 years ago

0.0.2-y.44.25

7 years ago

0.0.2-y.44.24

7 years ago

0.0.2-y.44.23

7 years ago

0.0.2-y.44.22

7 years ago

0.0.2-y.44.21

7 years ago

0.0.2-y.44.20

7 years ago

0.0.2-y.44.19

7 years ago

0.0.2-y.44.18

7 years ago

0.0.2-y.44.17

7 years ago

0.0.2-y.44.16

7 years ago

0.0.2-y.44.15

7 years ago

0.0.2-y.44.14

7 years ago

0.0.2-y.44.13

7 years ago

0.0.2-y.44.12

7 years ago

0.0.2-y.44.11

7 years ago

0.0.2-y.44.10

7 years ago

0.0.2-y.44.9

7 years ago

0.0.2-y.44.8

7 years ago

0.0.2-y.44.7

7 years ago

0.0.2-y.44.6

7 years ago

0.0.2-y.44.5

7 years ago

0.0.2-y.44.4

7 years ago

0.0.2-y.44.3

7 years ago

0.0.2-y.44.2

7 years ago

0.0.2-y.44.1

7 years ago

0.0.2-y.44.0

7 years ago

0.0.2-y.43.12

7 years ago

0.0.2-y.43.11

7 years ago

0.0.2-y.43.10

7 years ago

0.0.2-y.43.9

7 years ago

0.0.2-y.43.8

7 years ago

0.0.2-y.43.7

7 years ago

0.0.2-y.43.6

7 years ago

0.0.2-y.43.5

7 years ago

0.0.2-y.43.4

7 years ago

0.0.2-y.43.3

7 years ago

0.0.2-y.43.2

7 years ago

0.0.2-y.43.1

7 years ago

0.0.2-y.43.0

7 years ago

0.0.2-y.42.0

7 years ago

0.0.2-y.41.0

7 years ago

0.0.2-y.40.0

7 years ago

0.0.2-y.39.0

7 years ago

0.0.1

7 years ago

0.0.1-y.38

7 years ago

0.0.1-y.37

7 years ago

0.0.1-y.36

7 years ago

0.0.1-y.35

7 years ago

0.0.1-y.34

7 years ago

0.0.1-y.33

7 years ago

0.0.1-y.32

7 years ago

0.0.1-y.31

7 years ago

0.0.1-y.30

7 years ago

0.0.1-y.29

7 years ago

0.0.1-y.28

7 years ago

0.0.1-y.27

7 years ago

0.0.1-y.26

7 years ago

1.0.0-0

7 years ago

0.0.1-y.25

7 years ago

0.0.1-y.24

7 years ago

0.0.1-y.23

7 years ago

0.0.1-y.22

7 years ago

0.0.1-y.21

7 years ago

0.0.1-y.20

7 years ago

0.0.1-y.19

7 years ago

0.0.1-y.18

7 years ago

0.0.1-y.17

7 years ago

0.0.1-y.16

7 years ago

0.0.1-y.15

7 years ago

0.0.1-y.14

7 years ago

0.0.1-y.13

7 years ago

0.0.1-y.12

7 years ago

0.0.1-y.11

7 years ago

0.0.1-y.10

7 years ago

0.0.1-y.9

7 years ago

0.0.1-y.8

7 years ago

0.0.1-y.7

7 years ago

0.0.1-y.6

7 years ago

0.0.1-y.5

7 years ago