UNPKG

flowbite-svelte

Version:

Flowbite components for Svelte

52 lines (51 loc) 2.04 kB
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 {};