• Y2
  • Y2 Compl

Y2 Compl

Módulos avançados que estendem o Y2 Core. Carregados separadamente — o core permanece leve e estável enquanto o compl evolui com novos recursos.

Como usar os dois bundles

O Y2 é dividido em dois arquivos independentes. Carregue sempre o Core primeiro:

<!-- Y2 Core (base — obrigatório) -->
<link rel="stylesheet" href="/dist/y2.min.css">
<script src="/dist/y2.min.js" defer></script>

<!-- Y2 Compl (módulos avançados — opcional) -->
<link rel="stylesheet" href="/dist/y2-compl.min.css">
<script src="/dist/y2-compl.min.js" defer></script>

CORE y2.min.js + y2.min.css

Framework base — congelado, estável, sem dependências.

  • Layout & Grid
  • CSS Elementos & Componentes
  • Navbar, Modal, Sidebar, Tabs…
  • Sliders, Lightbox, Animações
  • Forms, Máscaras, Validação
  • Y2Alert, Y2Ajax, Y2Day…

COMPL y2-compl.min.js + y2-compl.min.css

Módulos avançados — em evolução contínua.

  • Table AJAX (Y2Table + Y2TableAjax)
  • Y2Editor (Rich Text)
  • Cotação (moedas em tempo real)
  • Instagram Feed (proxy PHP)
  • Infinite Scroll (Y2Inf)
  • File Upload (Y2Upload)

Módulos disponíveis

Registro automático

O y2-compl.min.js detecta o Y2 Core e se registra automaticamente:

// y2-compl.min.js — executado após y2.min.js
if (typeof Y2 !== 'undefined') {
    Y2.use(Y2Table).use(Y2TableAjax).use(Y2Editor)
       .use(Y2Cot).use(Y2Insta).use(Y2Inf).use(Y2Upload);
    // globals também disponíveis:
    window.Y2Table  = Y2Table;
    window.Y2Editor = Y2Editor;
    // ...
}

Se o Core não estiver carregado, o Compl ainda exporta os módulos como globals para uso manual.