ContentScrollLeft
El componente ContentScrollLeft renderiza un contenedor principal con un diseño predefinido que permite desplazar contenido hacia la izquierda, ideal para personalizaciones relacionadas con el estilo y funcionalidad de scroll.
Ejemplo
Importación
Para importar el componente ContentScrollLeft, se puede hacer desde fenextjs
import { ContentScrollLeft } from "fenextjs";Parámetros
| Parámetro | Tipo | Requerido | Default | Descripcion |
|---|---|---|---|---|
| className | string | no | '' | Clase CSS para personalizar el contenedor principal del componente. |
| classNameContent | string | no | '' | Clase CSS para personalizar el contenido interno del componente. |
| children | ReactNode | no | undefined | Elemento(s) hijos que se renderizarán dentro del componente. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Básico
<ContentScrollLeft>Contenido</ContentScrollLeft>- Con clases personalizadas
<ContentScrollLeft className="mi-clase" classNameContent="mi-clase-interna">
Contenido personalizado
</ContentScrollLeft>