LayoutGridMenuLeft

El componente LayoutGridMenuLeft es un componente que muestra un layout con un menu a la izquierda.

Ejemplo

Importacion

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

import {
  LayoutGridMenuLeft,
  LayoutGridMenuLeftProps,
} from "fenextjs/cjs/component/Layout/Grid/GridMenuLeft";

import {
  LayoutGridMenuLeft,
  LayoutGridMenuLeftProps,
} from "fenextjs-component/cjs/Layout/Grid/GridMenuLeft";

Parametros

Parametro	Tipo	Requerido	Descripcion
loader	`boolean`	No	Indica si la página está actualmente en estado de carga.
menuLeft	`ReactNode`	No	Menú izquierdo del diseño.
menuLeftActive	`boolean`	No	Indica si el menú izquierdo está activo en el diseño.
menuLeftMovilActive	`boolean`	No	Indica si el menú izquierdo móvil está activo en el diseño.
useHeaderButtonMenu	`boolean`	No	Utilizar botón de menú en el encabezado para mostrar el menú.
usePageProgress	`boolean`	No	Utilizar barra de progreso de página.

Storybook

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

Usos

Uso básico del componente LayoutGridMenuLeft

<LayoutGridMenuLeft
  menuLeft={
    <>
      <h3>It is Menu Left</h3>
    </>
  }
>
  <>
    <h1>It is Body</h1>
    <p>
      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam
      laboriosam qui expedita nostrum facere consequuntur labore blanditiis
      perspiciatis ducimus est, iure dolorem nesciunt numquam modi hic, sit
      repellat at iste?
    </p>
  </>
</LayoutGridMenuLeft>

Lava Lamp Layout Grid Menu Left