flowbite-svelte
Version:
Flowbite components for Svelte
60 lines (59 loc) • 2.51 kB
TypeScript
import { SvelteComponentTyped } from "svelte";
import type { drawerTransitionParamTypes, TransitionTypes } from '../types';
import type { HTMLAttributes } from 'svelte/elements';
declare const __propDef: {
props: HTMLAttributes<HTMLElement> & {
activateClickOutside?: boolean;
hidden?: boolean;
position?: "fixed" | "absolute";
leftOffset?: string;
rightOffset?: string;
topOffset?: string;
bottomOffset?: string;
width?: string;
backdrop?: boolean;
backdropClass?: string;
bgColor?: string;
bgOpacity?: string;
placement?: "left" | "right" | "top" | "bottom";
id?: string;
divClass?: string;
transitionParams?: drawerTransitionParamTypes;
transitionType?: TransitionTypes;
};
events: {
[evt: string]: CustomEvent<any>;
};
slots: {
default: {
hidden: boolean | undefined;
};
};
};
export type DrawerProps = typeof __propDef.props;
export type DrawerEvents = typeof __propDef.events;
export type DrawerSlots = typeof __propDef.slots;
/**
* [Go to docs](https://flowbite-svelte.com/)
* ## Props
* @prop export let activateClickOutside: $$Props['activateClickOutside'] = true;
* @prop export let hidden: $$Props['hidden'] = true;
* @prop export let position: $$Props['position'] = 'fixed';
* @prop export let leftOffset: $$Props['leftOffset'] = 'inset-y-0 start-0';
* @prop export let rightOffset: $$Props['rightOffset'] = 'inset-y-0 end-0';
* @prop export let topOffset: $$Props['topOffset'] = 'inset-x-0 top-0';
* @prop export let bottomOffset: $$Props['bottomOffset'] = 'inset-x-0 bottom-0';
* @prop export let width: $$Props['width'] = 'w-80';
* @prop export let backdrop: $$Props['backdrop'] = true;
* @prop export let backdropClass: $$Props['backdropClass'] = '';
* @prop export let bgColor: $$Props['bgColor'] = 'bg-gray-900';
* @prop export let bgOpacity: $$Props['bgOpacity'] = 'bg-black/75';
* @prop export let placement: NonNullable<$$Props['placement']> = 'left';
* @prop export let id: $$Props['id'] = 'drawer-example';
* @prop export let divClass: $$Props['divClass'] = 'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800';
* @prop export let transitionParams: $$Props['transitionParams'] = {};
* @prop export let transitionType: $$Props['transitionType'] = 'fly';
*/
export default class Drawer extends SvelteComponentTyped<DrawerProps, DrawerEvents, DrawerSlots> {
}
export {};