Componentes
Img Slider

ImgSlider

El componente ImgSlider es un componente que muestra un slider de imagenes.

Ejemplo

Importacion

Para importar el componente ImgSlider, se puede hacer desde fenextjs o fenextjs-component

import { ImgSlider, ImgSliderProps } from "fenextjs/cjs/component/ImgSlider";

o

import { ImgSlider, ImgSliderProps } from "fenextjs-component/cjs/ImgSlider";

Parametros

ParametroTipoRequeridoDefaultDescripcion
imgsImgProps[]SíLista de imágenes.
stepnumberNoPaso de la imagen.
setStep(e: number) => voidNoFunción para establecer el paso de la imagen.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

  • Uso básico del componente ImgSlider
<ImgSlider
  imgs={[
    {
      name: "Img",
      src: "https://images3.alphacoders.com/273/27387.jpg",
    },
    {
      name: "Img",
      src: "https://images3.alphacoders.com/409/40949.jpg",
    },
    {
      name: "Img",
      src: "https://images4.alphacoders.com/585/58534.jpg",
    },
    {
      name: "Img",
      src: "https://images3.alphacoders.com/768/76885.jpg",
    },
    {
      name: "Img",
      src: "https://images4.alphacoders.com/672/67298.jpg",
    },
    {
      name: "Img",
      src: "https://images3.alphacoders.com/176/176767.jpg",
    },
    {
      name: "Img",
      src: "https://images.alphacoders.com/145/145923.jpg",
    },
  ]}
/>
Img GalleryInput