LayoutGridMenuTop

El componente LayoutGridMenuTop es un componente que muestra un layout con un menu arriba.

Ejemplo

Importacion

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

import {
  LayoutGridMenuTop,
  LayoutGridMenuTopProps,
} from "fenextjs/cjs/component/Layout/Grid/GridMenuTop";

import {
  LayoutGridMenuTop,
  LayoutGridMenuTopProps,
} from "fenextjs-component/cjs/Layout/Grid/GridMenuTop";

Parametros

Parametro	Tipo	Requerido	Descripcion
loader	`boolean`	No	Indica si la página está actualmente en estado de carga.
menuTop	`ReactNode`	No	Menú superior del diseño.
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 LayoutGridMenuTop

<LayoutGridMenuTop
  menuTop={
    <>
      <h3>It is Menu Top</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>
  </>
</LayoutGridMenuTop>

Layout Grid Menu Left Layout Grid Menu Top Left