Skip to main content

Disable animations

Animations are disabled by default when the browser is configured for reduced motions (a11y). You can override this or always disable animations via the animated prop.

Example​

  • Tile 0
  • Tile 1
  • Tile 2

Code​

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

const Slider = () => {
  return (
    <TileSlider
      tilesToShow={3}
      renderTile={renderTile}
      items={items}
      renderRightControl={renderRightControl}
      renderLeftControl={renderLeftControl}
      animated={false}
    />
  );
};