Slider

El componente Slider es un componente que muestra una lista de items en slider.

Ejemplo

Importacion

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

import { Slider, SliderProps } from "fenextjs/cjs/component/Slider";

o

import { Slider, SliderProps } from "fenextjs-component/cjs/Slider";

Parametros

ParametroTipoRequeridoDefaultDescripcion
_tstringNoPropiedad de internacionalización.
itemsReactNode[]NoElementos del slider.
nItemsDesktopnumberNoNúmero de elementos en el slider en escritorio.
nItemsTablenumberNoNúmero de elementos en el slider en tablet.
nItemsPhonenumberNoNúmero de elementos en el slider en teléfono.
timeDelaynumberNoTiempo de retraso entre movimientos del slider.
timeAnimationnumberNoDuración de la animación al mover el slider.
loopbooleanNotrueIndica si el slider debe hacer un bucle al llegar al final.
separationItemsnumberNoSeparación entre elementos del slider.

Storybook

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

Usos

  • Uso básico del componente Slider
<Slider />