MC006 - MC Componentes
Librería de componentes reutilizables de React.
Instalación
npm install --save mc-componentes
Uso
import Componente from 'mc-componentes' { return <Componente /> }
Librería
[1.0.0] Autenticando
Muestra un mensaje en medio de la pantalla para indicar que el usuario se esta autenticando, cubre toda la pantalla y no permite la interacción con la interfaz mientras esta visible.
Propiedad | Tipo | Requerido | Descripción |
---|---|---|---|
icono | string | Opcional | Icono que mostrará mientras es visible (Por defecto: 'fas fa-user-shield'). |
mostrar | boolean | Obligatorio | Indica si es visible. |
texto | object | Opcional | Objeto con los textos personalizados. |
texto.mensaje | string | Opcional | Mensaje que mostrará mientras es visible (Por defecto: 'Autenticando...'). |
[1.0.0] Cargando
Muestra un mensaje en medio de la pantalla para indicar que la aplicación esta cargando, cubre toda la pantalla y no permite la interacción con la interfaz mientras esta visible.
Propiedad | Tipo | Requerido | Descripción |
---|---|---|---|
giroHorizontal | boolean | Opcional | Indica si el icono se mostrará girando horizontalmente mientras es visible. |
icono | string | Opcional | Icono que mostrará mientras es visible (Por defecto: 'fas fa-spinner fa-spin'). |
mostrar | boolean | Obligatorio | Indica si es visible. |
texto | object | Opcional | Objeto con los textos personalizados. |
texto.mensaje | string | Opcional | Mensaje que mostrará mientras es visible (Por defecto: 'Cargando...'). |
[1.0.0] ImagenCrop
Permite seleccionar una imagen del disco duro y cortarla para depúes guardarla.
Propiedad | Tipo | Requerido | Descripción |
---|---|---|---|
eventoObtenerArchivoImagen | function | Obligatorio | Función que se ejecuta cuando se lececciona una imagen. |
iconoImagenDefault | string | Opcional | Icono que mostrará cuando no hay una imagen seleccionada (Por defecto: 'far fa-image'). |
relacionAspecto | number | Opcional | Relación de apecto (Por defecto: 1/1). |
texto | object | Opcional | Objeto con los textos personalizados. |
texto.seleccionaUnaImagen | string | Opcional | Mensaje que mostrará cuando no hay una imagen seleccionada (Por defecto: 'Selecciona una imagen.'). |
urlImagenVistaPrevia | string | Opcional | URL de la vista previa de la imagen. |
[1.0.0] InfoCard
Pendiente.
[1.0.0] Input
Pendiente.
[1.0.0] Interruptor
Pendiente.
[1.0.0] Menu
Pendiente.
[1.0.0] MenuPerfil
Pendiente.
[1.0.0] Modal
Pendiente.
[1.0.0] SelectorArchivos
Pendiente.
[1.0.0] TablaPaginada
Pendiente.