Skip to main content

Out of boundary

Show tiles that are out of the boundary of the TileSlider container.

Example

  • Tile 0
  • Tile 1
  • Tile 2

Code

.sliderContainer {
overflow: hidden;
margin: 32px 0;
padding: 0 56px;
}

.showOutOfView {
overflow: visible !important;
}
import { TileSlider } from '@videodock/tile-slider';

const Slider = () => {
return (
<div className="sliderContainer fade">
<TileSlider
className="showOutOfView"
tilesToShow={3}
renderTile={renderTile}
items={items}
renderRightControl={renderRightControl}
renderLeftControl={renderLeftControl}
/>
</div>
);
};