LoaderUser
El componente LoaderUser muestra un indicador de carga simulando la carga de información de un usuario, incluyendo imagen, nombre y correo electrónico. Se pueden personalizar las clases CSS para cada parte del componente.
Ejemplo
Importación
Para importar el componente LoaderUser, se puede hacer desde fenextjs
import { LoaderUser } from "fenextjs";Parámetros
| Parámetro | Tipo | Requerido | Default | Descripcion |
|---|---|---|---|---|
| classNameLoaderUser | string | no | '' | Clase CSS para personalizar el contenedor del componente del usuario cargando. |
| classNameLoaderUserImg | string | no | '' | Clase CSS para personalizar la imagen del indicador de carga del usuario. |
| classNameLoaderUserName | string | no | '' | Clase CSS para personalizar el nombre del indicador de carga del usuario. |
| classNameLoaderUserEmail | string | no | '' | Clase CSS para personalizar el correo electrónico del indicador de carga del usuario. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- LoaderUser básico
<LoaderUser />- LoaderUser con clases personalizadas
<LoaderUser
classNameLoaderUser="custom-user"
classNameLoaderUserImg="custom-img"
/>