Page step

Single tile

Example

• 
• 
• 
• 
• 
• 
• 
• 
• 

Code

import { TileSlider } from '@videodock/tile-slider';

const Slider = () => {
  return (
    <TileSlider
      tilesToShow={3}
      renderTile={renderTile}
      items={items}
      renderRightControl={renderRightControl}
      renderLeftControl={renderLeftControl}
      pageStep="tile"
    />
  );
};

Custom number of tiles

You can change the pageStep to any number. In the example below, we set it to 16.

Example

• 

  Tile 47
• 

  Tile 48
• 

  Tile 49
• 

  Tile 0
• 

  Tile 1
• 

  Tile 2
• 

  Tile 3
• 

  Tile 4
• 

  Tile 5

Code

import { TileSlider } from '@videodock/tile-slider';

const Slider = () => {
  return (
    <TileSlider
      tilesToShow={3}
      renderTile={renderTileWithTitle}
      items={items}
      renderRightControl={renderRightControl}
      renderLeftControl={renderLeftControl}
      pageStep={16}
    />
  );
};