Dropdown

Açılır menü bileşeni

Dropdown bileşeni, bir açılır menü kapsayıcısıdır.

• dropdown sınıfı ana kapsayıcıdır.
• • dropdown-title tıklanabilir buton başlığı kapsayıcısıdır.
• • dropdown-menu açılır menü. Varsayılan olarak gizli gelir.

data-toggle="dropdown" ön adı kullanarak js yazmadan bu bileşeni sayfanızda kullanabilirsiniz.

Örnek kullanımı

<div class="dropdown">

<a href="#" class="dropdown-title" data-toggle="dropdown">Button</a>

<div class="dropdown-menu">

<!-- HTML Your Codes -->

</div>

</div>

Menü kapanma durumunda callback tetiklenebilmektedir.

Bu callback ile data-toggle="dropdown" tanımlı element ve tıklanılan elemente ulaşabilirsiniz.

Örnek kullanımı

<div class="dropdown">

<a href="#" class="dropdown-title" data-toggle="dropdown" data-callback="myCallback">Button</a>

<div class="dropdown-menu">

<!-- HTML Your Codes -->

</div>

</div>

const myCallback = (el, target) => {

console.log(el, target);

}