@mcsoft/modal NPM

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.

mcsoft react library spanish modal

1.0.0

5 years ago