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
| Parametro | Tipo | Requerido | Default | Descripcion |
|---|---|---|---|---|
| _t | string | No | Propiedad de internacionalización. | |
| items | ReactNode[] | No | Elementos del slider. | |
| nItemsDesktop | number | No | Número de elementos en el slider en escritorio. | |
| nItemsTable | number | No | Número de elementos en el slider en tablet. | |
| nItemsPhone | number | No | Número de elementos en el slider en teléfono. | |
| timeDelay | number | No | Tiempo de retraso entre movimientos del slider. | |
| timeAnimation | number | No | Duración de la animación al mover el slider. | |
| loop | boolean | No | true | Indica si el slider debe hacer un bucle al llegar al final. |
| separationItems | number | No | Separació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 />