Cols
El componente Cols es un componente que muestra el contenido dividido en columnas.
Ejemplo
Importacion
Para importar el componente Cols, se puede hacer desde fenextjs o fenextjs-component
import { Cols, ColsProps } from "fenextjs/cjs/component/Cols";o
import { Cols, ColsProps } from "fenextjs-component/cjs/Cols";Parametros
| Propiedad | Tipo | Requerido | Default | Descripción |
|---|---|---|---|---|
| nCols | number | string | no | El número de columnas para el componente. | |
| breakInside | boolean | no | Indica si se permite el salto de columna dentro del componente. | |
| children | ReactNode | no | Contenido del componente. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Uso básico del componente Cols
<Cols nCols={3} breakInside={true}>
{/* Contenido de las columnas */}
</Cols>