Drawer

Bilgilendirme çubuğu bileşeni.

Sağdan ya da soldan kayarak açılan pencere işlevi görür. a elementi pencere açımını tetiklemek için kullanılır,

href niteliği baz alınır. Href niteliğine pencere elementinin id değeri verilir.

Kullanımı;

<a href="#test" data-toggle="drawer">Open drawer</a>

<div data-rel="test" class="drawer-overlay"></div>

<div id="test" class="drawer-wrapper" data-display="push" data-position="left">

<div class="drawer-close">

<i class="ti-close"></i>

</div>

<!-- your content -->

</div>

data-display: push ya da overlay değerlerini alır. Push sayfayı iterek pencere açılımını, overlay ile sayfa üzerinde açılımını sağlar.

data-position: left ya da right değerlerini alır. Left soldan, right ise sağdan pencere açılımını sağlar.

<div data-rel="test" class="drawer-overlay"></div>

Bu element tanımı pencere açıldığında sayfanın css ile kararmasını sağlayabilmek için kullanılır.

data-rel niteliğine pencere elementini id değeri verilir.