@wizsolucoes/wiz-modal NPM

Wiz solucoes

✨ Wiz Modal

O plug-in Modal é uma caixa de diálogo / janela pop-up exibida na parte superior da página atual. Seguindo o design system Sys da Wiz.

Como usar

instala o pacote

npm i @wizsolucoes/wiz-modal

Frameworks	Link
Angular	Link
React	Link
Vue	Link

outros

Componente html

  <a href="#teste" class="btn btn-big">Modal!</a>



    <wiz-modal 
      id-modal="teste" 
      size='lg' 
      title-modal="Modal Title">
        <span slot="modal-body">Conteudo body</span>
        <span slot="modal-footer">Conteudo footer</span>
  </wiz-modal>

Obs: Se estiver trabalhando com algum framework e seus parâmetros forem dinâmicos devem ser feitos em forma diferente dependendo do framwork assista o vídeo abaixo para entender melhor. Web Componentes atributos em framework

🧾 Parâmetros

Parâmetro	Obrigatório	tipagem	Default	Observação
id-modal	Sim	string	null	Identificador modal
size	Sim	string	null	Tamanhos pré definidos da janela. (size='sm',size='md', size='lg' )
title-modal	Sim	string	null	Titulo da janela