Um gerador de interface baseado em formulário que cria e gerencia todos os pontos necessários da sua interface.

Com o rucula você

Cria uma tela com poucas linhas de código


      {
      "name":"Exemplo Rucula",
      "pathController":"",
      "type":"crud",
      "crud":"",
      "messageHome":"Olá",
      "grid":false,
      "frames":[
          {
            "name":"Exemplo Frame",
            "objectDto":"exemploFrame",
            "alias":"aliasFrame",
            "fields":[
                {
                  "propertDto":"mensagem",
                  "description":"mensagem"
                }
              ]
          }
      ]
    }

Gerencia eventos


        rucula.event.on('click',(e)=> {
    },'#get-cep')


        rucula.event.on('r-a-save',(e)=> {
    })

Utiliza loaders


            rucula.loader.enable()
        rucula.loader.disable()

Trabalha com alerts


           rucula.popup.messsage.info({
          text:"excluindo...", 
          timeout:500, 
          disableadFooter:true,
          disableadHeader:true
      },sucess)

Insere ou obtém informações de inputs respeitando as depêndencias controladas


          rucula.object.getValue('alias.propertDto')
      rucula.object.setValue('alias.propertDto', 'valor')

Entre outras coisas, como: - Inputs - Frames - Botões - Temas - Layout - Responsividade Além das possiveis coisas que podemos fazer com o rucula-js, por baixo dos panos existem duas rotinas importantes, conhecidas como tabela de depêndencia e o criador de objetos. ## Instalação ### CDN ```html ``` ```js import {Rucula} from 'https://cdn.jsdelivr.net/gh/rucula-jsrucula-js/dist/rucula.js' ``` ### NPM ```js npm i @reginaldo-marinho/rucula-js` ou `npm install @reginaldo-marinho/rucula-js` ``` ## Exemplos 0. hello world - [Código](https://github.com/rucula-js/rucula-js/blob/main/docs/docs/exemples/hello-world.html) - [Ao Vivo](https://rucula-js.github.io/exemples/hello-world.html) 0. Via Cep - [Código](https://github.com/rucula-js/rucula-js/blob/main/docs/docs/exemples/via-cep.html) - [Ao Vivo](https://rucula-js.github.io/exemples/via-cep.html) ##### Contribuidores
##### Itens Relacionados ⭐ Visite o projeto rucula-js ⭐

Nos ajude a melhorar o rucula-js.

Encontrou um erro? Tem alguma sugestão? Abra um novo problema