Drawer's content
"The hidden compartment, always there when needed"
M. Drawer, 2005
isOpen | boolean | |
stickTo | position-preset | |
flow | flow-preset | |
showOpenerIcon | boolean |
<Drawer>
<div slot="topSlot" class="pad-2" >
Drawer's title
</div>
<div class="pad-2">Drawer's content</div>
<div slot="bottomSlot" class="pad-2" >
Drawer's bottom zone
</div>
</Drawer>
__propDef: {
props: {
class?: string | undefined;
element?: HTMLDivElement | null | undefined;
/** title of the drawer */ primary?: string | undefined;
/** sub-title of the drawer */ secondary?: string | undefined;
/** icon of the drawer */ icon?: string | undefined;
/** Should the drawer be open */ isOpen?: boolean | undefined;
/** Should the closer icon be hidden */ hideCloseIcon?: boolean | undefined;
/**
* position
* @type 'wide' | 'inplace'
*/ flow?: "relative" | "absolute" | "fixed" | undefined;
stickTo?: "left" | "right" | "top" | "bottom" | undefined;
showOpenerIcon?: boolean | undefined;
toggle?: ((visibleSate?: boolean) => void) | undefined;
/** should be used */ actions?: {
toggle: (visibleSate?: boolean) => void;
} | undefined;
/** default width of the drawer in vertical mode */ defaultWidth?: string | undefined;
/** minimum width of the drawer in vertical mode and closed state */ defaultVisibleArea?: string | undefined;
/** default height of the drawer in horizontal mode */ defaultHeight?: string | undefined;
style?: string | undefined;
};
events: {
[evt: string]: CustomEvent<any>;
};
slots: {
iconSlot: {};
topSlot: {};
default: {};
bottomSlot: {};
};
};