Skip to main content

Carousel

When there is a group of content on the same level.

When there is insufficient content space, it can be used to save space in the form of a revolving door.

Commonly used for a group of pictures/cards.

Usage​

import React from 'react';
import { Carousel } from 'qdm-component-library'

function App() {
  return (
    <Carousel
      data={["https://fmlainsights.lexblogplatformthree.com/wp-content/uploads/sites/311/2011/04/catpaw.jpg","https://i.ytimg.com/vi/W-PBFMECvTE/maxresdefault.jpg"]}
      dots={true}
      arrow={true}
    />
  );
}
export default App;

Reference​

id​

props for providing id to carousel component string

name​

props for providing name to carousel component string

className​

props for providing classname to carousel component string

data​

props for providing data to carousel component string

dots​

props for providing dots to carousel component boolean

arrow​

props for providing arrow to carousel component boolean

inLineStyles​

props give addition props to the carousel Component type Object