modal

Componente de React que muestra un modal (Bootstrap Modal).

Nota: Este componente requiere de Bootstrap 4 para funcionar correctamente.

Instalación

npm install --save @mcsoft/modal

Uso

import McComponente from '@mcsoft/modal';

class Ejemplo extends Component {
  render () {
    return (
	  <McModal
	  	texto={{
			  titulo: 'Modal',
			  descripcion: 'Este es un modal.'
		  }}
	  />
    )
  }
}

Props (Obligatorios)

| Propiedad | Tipo | Descripción | |-----------|------|-------------| | texto | object | Objeto con los textos personalizados del componente. | | texto.titulo | string | Título que se mostrará en la cabecera del modal. |

Props (Opcionales)

| Propiedad | Tipo | Predeterminado | Descripción | |-----------|------|----------------|-------------| | claseBootstrap | string | null | Clase de Bootstrap que definirá el color la cabecera del modal. | | eventoConfirmar | Function | null | Evento que se ejecuta cuando se presiona el botón confirmar del modal. eventoConfirmar() | | iconoTitulo | string | null | Icono (FontAwesome) que se mostrará junto al título del modal. | | tamanoModal | string | null | Clase de Bootstrap que definirá el tamaño del modal. | | texto | object | null | Objeto con los textos personalizados del componente. | | texto.descripcion | string | null | Mensaje que se mostrará como contenido del modal. | | texto.etiquetaBotonCancelar | string | 'Cancelar' | Texto que se mostrará en el botón cancelar del modal. | | texto.etiquetaBotonConfirmar | string | 'Aceptar' | Texto que se mostrará en el botón aceptar del modal. |