flowbite-svelte
Version:
Flowbite components for Svelte
52 lines (51 loc) • 2.04 kB
TypeScript
import { SvelteComponentTyped } from "svelte";
import type { HTMLAttributes } from 'svelte/elements';
import type { LinkType } from '../types';
declare const __propDef: {
props: HTMLAttributes<HTMLUListElement> & {
pages: LinkType[];
activeClass?: string;
normalClass?: string;
ulClass?: string;
table?: boolean;
large?: boolean;
ariaLabel?: string;
};
events: {
blur: FocusEvent;
change: Event;
click: MouseEvent;
focus: FocusEvent;
keydown: KeyboardEvent;
keypress: KeyboardEvent;
keyup: KeyboardEvent;
mouseenter: MouseEvent;
mouseleave: MouseEvent;
mouseover: MouseEvent;
previous: CustomEvent<any>;
next: CustomEvent<any>;
} & {
[evt: string]: CustomEvent<any>;
};
slots: {
prev: {};
next: {};
};
};
export type PaginationProps = typeof __propDef.props;
export type PaginationEvents = typeof __propDef.events;
export type PaginationSlots = typeof __propDef.slots;
/**
* [Go to docs](https://flowbite-svelte.com/)
* ## Props
* @prop export let pages: $$Props['pages'] = [];
* @prop export let activeClass: $$Props['activeClass'] = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
* @prop export let normalClass: $$Props['normalClass'] = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
* @prop export let ulClass: $$Props['ulClass'] = 'inline-flex -space-x-px rtl:space-x-reverse items-center';
* @prop export let table: NonNullable<$$Props['table']> = false;
* @prop export let large: $$Props['large'] = false;
* @prop export let ariaLabel: $$Props['ariaLabel'] = 'Page navigation';
*/
export default class Pagination extends SvelteComponentTyped<PaginationProps, PaginationEvents, PaginationSlots> {
}
export {};