2.0.1 • Published 4 years ago
xmodalv2 v2.0.1
xModal v2.0.0
O xModal é uma janela de diálogo personalizada inspirada inicialmente no showModal do Delphi. Ele usa nativamente javascript em sua construção.
Instalação Importando Modo de Uso Temas Parâmetro Create Métodos Desenvolvedores
Instalação
Importando
Em seu html declare o css:
<link rel="stylesheet" href="./xModal.css" />
Para usar o xModal você deve chamá-lo em seu arquivo .js através de import.
import xModal from './xModal';
Em seu html declare o arquivo js.
<link rel="stylesheet" href="./xModal.css" />
<script src="./xModal.js"></script>
É necessário comentar/descomentar as linhas no arquivo xModal.js:
export default (function() { //comentar essa linha
let xModal = (function() { // descomentar essa linha
Modo de Uso
É necessário uma div no seu html com um id
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>xModal v1.0</title>
</head>
<body>
<div id="minhaDiv">Hello World!</div>
<script src="index.js" type="module"></script>
</body>
</html>
No javascript iremos instanciar o objeto da seguinte forma:
const minhaDiv = new xModal.create({
el: '#minhaDiv',
});
//// Abre o modal
minhaDiv.open();
Temas
Parâmetro Create
Create é responsável por instanciar o xModal. Recebe um objeto como parâmetro que pode ter as seguintes propriedades passadas:
Métodos
Esses métodos serão utilizados na variável instanciada. Ex.:
minhaDiv.close();
Desenvolvedores
2.0.1
4 years ago