1. Demo ao Vivo

2. Grupos com Título

3. Itens com Checkmark

// Gerenciar checkmark manualmente
document.querySelectorAll('[data-chk]').forEach(item => {
  item.addEventListener('click', e => {
    e.preventDefault();
    // Remove checkmark de todos os irmãos
    item.closest('.y2drop-mn').querySelectorAll('.y2drop-it')
      .forEach(i => i.classList.remove('is-chk'));
    // Marca o clicado
    item.classList.add('is-chk');
  });
});

4. Posicionamento

5. Submenu

6. Itens Desabilitados

7. API JavaScript

const drp = document.querySelector('[y2drop]');

// Abrir / fechar programaticamente
Y2Drp.open(drp);
Y2Drp.close(drp);

// Eventos
drp.addEventListener('yd:y2drop:open',  () => console.log('Aberto'));
drp.addEventListener('yd:y2drop:close', () => console.log('Fechado'));