<Drawer />

base/drawer.svelte

"The hidden compartment, always there when needed"
M. Drawer, 2005

Component Drawer examples :
Using slots
component Drawer demo using slots
Side content Side content Side content Side content
Drawer's title
Drawer's content
Drawer's bottom zone
isOpen boolean
stickTo position-preset
flow flow-preset
showOpenerIcon boolean
code

	<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>
Api preview :
__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: {};
    };
};