Lewati ke konten

Drawer - Vue

Drawer

banner-background
import { Drawer } from '@idds/vue';
NameTypeDefaultRequiredDescription
modelValuebooleanYesKontrol apakah drawer terbuka (v-model).
title?stringNoTitle yang ditampilkan di header.
description?stringNoDeskripsi yang ditampilkan di header.
position?'left' | 'right' | 'top' | 'bottom''right'NoSisi kemana drawer muncul di desktop.
width?string'420px'NoWidth panel (desktop). Bisa menggunakan predefined size atau custom CSS value.
height?string'100vh'NoHeight panel (untuk top/bottom position).
showCloseButton?booleantrueNoTampilkan tombol close di header.
showHeader?booleantrueNoTampilkan header section.
showFooter?booleanfalseNoTampilkan footer section.
closeLabel?string'Close drawer'NoLabel untuk tombol close (accessibility).
closeOnBackdrop?booleantrueNoKlik backdrop menutup drawer.
closeOnEscape?booleantrueNoTekan Escape menutup drawer.
persistent?booleanfalseNoDrawer tidak bisa ditutup dengan backdrop atau Escape (harus pakai close button).