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. |