Mc-componentes NPM

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.