Images Slider

Display

Full-bleed image slider with preloading, keyboard nav (arrows), autoplay and a vertical 3D exit — adapted from Aceternity UI.

Images Slider — troca automática + setas do teclado

Instalação via CLI

$ npx kikitocn add images-slider

Interno:

@/lib/utilsmotion

Exemplo de uso

Images SliderExample.tsx

import { ImagesSlider } from "@/components/ui/cn/images-slider/ImagesSlider";

export function ImagesSliderExample() {
  return (
    <ImagesSlider direction="up">
      Images Slider
    </ImagesSlider>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`images*`	`string[]`	—	URLs das imagens
`children*`	`React.ReactNode`	—	Conteúdo sobre o slide
`overlay`	`boolean`	`true`	Scrim escuro sobre a imagem
`autoplay`	`boolean`	`true`	Troca automática a cada 5s
`direction`	`'up' \| 'down'`	`'up'`	Direção da saída do slide

Voltar para Display

Carregando…