MC006 - MC Componentes

Librería de componentes reutilizables de React.

Instalación

npm install --save mc-componentes

Uso

import { Componente } from 'mc-componentes'

class Ejemplo extends Component {
  render () {
    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.