Box
El componente Box actúa como un contenedor básico que encapsula su contenido, permitiendo aplicar estilos personalizados mediante clases adicionales.
Ejemplo
Importación
Para importar el componente Box, se puede hacer desde fenextjs
import { Box } from "fenextjs";Parámetros
| Parámetro | Tipo | Requerido | Default | Descripcion |
|---|---|---|---|---|
| children | ReactNode | sí | El contenido que se renderizará dentro del componente Box. | |
| className | string | no | "" | Clase personalizada para el componente Box. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Básico
<Box>Este es un contenedor básico</Box>- Box con clase personalizada
<Box className="custom-class">Contenido con clase personalizada</Box>