ContentLoading
El componente ContentLoading es un componente que muestra el contenido o un loader personalizado.
Ejemplo
Importacion
Para importar el componente ContentLoading, se puede hacer desde fenextjs o fenextjs-component
import {
ContentLoading,
ContentLoadingProps,
} from "fenextjs/cjs/component/ContentLoading";
o
import {
ContentLoading,
ContentLoadingProps,
} from "fenextjs-component/cjs/ContentLoading";
Parametros
Propiedad | Tipo | Requerido | Default | Descripción |
---|---|---|---|---|
children | ReactNode | no | Contenido del componente. | |
componentLoader | ReactNode | no | <LoaderSpinner/> | Componente utilizado como cargador. |
loader | boolean | no | false | Indica si el componente está en estado de carga. |
isPage | boolean | no | false | Indica si el componente es una página completa. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Uso básico del componente ContentLoading
<ContentLoading componentLoader={<CustomLoader />} loader={true} isPage={false}>
{/* Contenido del componente */}
</ContentLoading>