You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

1.4 KiB

id title
swipible Swipeable Carousel

Carousel is infinite at default

import {Carousel} from '@trendyol/react-carousel'; export const Highlight = ({children, color}) => ( <span style={{ backgroundColor: color, borderRadius: '2px', color: '#fff', padding: '90px 0', display: 'block', height: '200px', margin: '16px 16px 16px 0', }}> {children} );

<Carousel className={'exampleCarousel1'} show={3.5} slide={3} swiping={true}> We love Web 🌐 We love Developers 👩🏻 This is our github This is our website We love Trendyol green We love Trendyol orange

<Carousel show={3.5} slide={3} swiping={true}>
	<Highlight color="#2d66c3">We love Web 🌐</Highlight>
	<Highlight color="#f44336">We love Developers 👩🏻</Highlight>
	<a target="_blank" href="https://github.com/trendyol/">
		<Highlight color="#d53f8c">This is our github</Highlight>
	</a>
	<a target="_blank" href="https://trendyol.com/">
		<Highlight color="#f27a1a">This is our website</Highlight>
	</a>
	...
</Carousel>