flowbite-svelte
Version:
Flowbite components for Svelte
47 lines (46 loc) • 1.89 kB
TypeScript
import { SvelteComponentTyped } from "svelte";
export type BottomNavType = {
activeClass: string;
btnClass?: string;
spanClass?: string;
};
import type { HTMLAttributes } from 'svelte/elements';
declare const __propDef: {
props: HTMLAttributes<HTMLDivElement> & {
activeUrl: string;
position?: "static" | "fixed" | "absolute" | "relative" | "sticky";
navType?: "default" | "border" | "application" | "pagination" | "group" | "card" | "meeting" | "video";
outerClass?: string;
innerClass?: string;
activeClass?: string;
classActive?: string;
classOuter?: string;
classInner?: string;
};
events: {
[evt: string]: CustomEvent<any>;
};
slots: {
header: {};
default: {};
};
};
export type BottomNavProps = typeof __propDef.props;
export type BottomNavEvents = typeof __propDef.events;
export type BottomNavSlots = typeof __propDef.slots;
/**
* [Go to docs](https://flowbite-svelte.com/)
* ## Props
* @prop export let activeUrl: $$Props['activeUrl'] = '';
* @prop export let position: $$Props['position'] = 'fixed';
* @prop export let navType: NonNullable<$$Props['navType']> = 'default';
* @prop export let outerClass: $$Props['outerClass'] = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
* @prop export let innerClass: $$Props['innerClass'] = 'grid h-full max-w-lg mx-auto';
* @prop export let activeClass: $$Props['activeClass'] = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
* @prop export let classActive: $$Props['classActive'] = '';
* @prop export let classOuter: $$Props['classOuter'] = '';
* @prop export let classInner: $$Props['classInner'] = '';
*/
export default class BottomNav extends SvelteComponentTyped<BottomNavProps, BottomNavEvents, BottomNavSlots> {
}
export {};