Interface PaginationProps

The main pagination component.

interface PaginationProps {
    about?: string;
    accept?: string;
    acceptCharset?: string;
    accessKey?: string;
    action?: string;
    allowFullScreen?: boolean;
    allowTransparency?: boolean;
    alt?: string;
    aria-activedescendant?: string;
    aria-atomic?: Booleanish;
    aria-autocomplete?:
        | "list"
        | "inline"
        | "none"
        | "both";
    aria-braillelabel?: string;
    aria-brailleroledescription?: string;
    aria-busy?: Booleanish;
    aria-checked?:
        | boolean
        | "true"
        | "false"
        | "mixed";
    aria-colcount?: number;
    aria-colindex?: number;
    aria-colindextext?: string;
    aria-colspan?: number;
    aria-controls?: string;
    aria-current?:
        | boolean
        | "step"
        | "time"
        | "location"
        | "true"
        | "false"
        | "page"
        | "date";
    aria-describedby?: string;
    aria-description?: string;
    aria-details?: string;
    aria-disabled?: Booleanish;
    aria-dropeffect?:
        | "link"
        | "copy"
        | "move"
        | "none"
        | "execute"
        | "popup";
    aria-errormessage?: string;
    aria-expanded?: Booleanish;
    aria-flowto?: string;
    aria-grabbed?: Booleanish;
    aria-haspopup?:
        | boolean
        | "dialog"
        | "menu"
        | "grid"
        | "true"
        | "false"
        | "listbox"
        | "tree";
    aria-hidden?: Booleanish;
    aria-invalid?:
        | boolean
        | "true"
        | "false"
        | "grammar"
        | "spelling";
    aria-keyshortcuts?: string;
    aria-label?: string;
    aria-labelledby?: string;
    aria-level?: number;
    aria-live?: "off" | "assertive" | "polite";
    aria-modal?: Booleanish;
    aria-multiline?: Booleanish;
    aria-multiselectable?: Booleanish;
    aria-orientation?: "horizontal" | "vertical";
    aria-owns?: string;
    aria-placeholder?: string;
    aria-posinset?: number;
    aria-pressed?:
        | boolean
        | "true"
        | "false"
        | "mixed";
    aria-readonly?: Booleanish;
    aria-relevant?:
        | "text"
        | "additions"
        | "additions removals"
        | "additions text"
        | "all"
        | "removals"
        | "removals additions"
        | "removals text"
        | "text additions"
        | "text removals";
    aria-required?: Booleanish;
    aria-roledescription?: string;
    aria-rowcount?: number;
    aria-rowindex?: number;
    aria-rowindextext?: string;
    aria-rowspan?: number;
    aria-selected?: Booleanish;
    aria-setsize?: number;
    aria-sort?:
        | "none"
        | "ascending"
        | "descending"
        | "other";
    aria-valuemax?: number;
    aria-valuemin?: number;
    aria-valuenow?: number;
    aria-valuetext?: string;
    as?: string;
    async?: boolean;
    autoCapitalize?:
        | string & {}
        | "none"
        | "off"
        | "on"
        | "sentences"
        | "words"
        | "characters";
    autoComplete?: string;
    autoCorrect?: string;
    autoFocus?: boolean;
    autoPlay?: boolean;
    autoSave?: string;
    capture?: boolean | "user" | "environment";
    cellPadding?: string | number;
    cellSpacing?: string | number;
    challenge?: string;
    charSet?: string;
    checked?: boolean;
    children?: ReactNode;
    cite?: string;
    classID?: string;
    className?: string;
    color?: string;
    cols?: number;
    colSpan?: number;
    content?: string;
    contentEditable?: "inherit" | Booleanish | "plaintext-only";
    contextMenu?: string;
    controls?: boolean;
    coords?: string;
    crossOrigin?: CrossOrigin;
    dangerouslySetInnerHTML?: {
        __html: string | TrustedHTML;
    };
    data?: string;
    datatype?: string;
    dateTime?: string;
    default?: boolean;
    defaultChecked?: boolean;
    defaultValue?: string | number | readonly string[];
    defer?: boolean;
    dir?: string;
    disabled?: boolean;
    download?: any;
    draggable?: Booleanish;
    dropDirection?: "up" | "down";
    encType?: string;
    enterKeyHint?:
        | "search"
        | "enter"
        | "done"
        | "go"
        | "next"
        | "previous"
        | "send";
    firstPage?: number;
    form?: string;
    formAction?: string;
    formEncType?: string;
    formMethod?: string;
    formNoValidate?: boolean;
    formTarget?: string;
    frameBorder?: string | number;
    headers?: string;
    height?: string | number;
    hidden?: boolean;
    high?: number;
    href?: string;
    hrefLang?: string;
    htmlFor?: string;
    httpEquiv?: string;
    id?: string;
    inlist?: any;
    inputMode?:
        | "search"
        | "text"
        | "none"
        | "tel"
        | "url"
        | "email"
        | "numeric"
        | "decimal";
    inset?: {
        2xl?:
            | "insetNone"
            | "insetSm"
            | "insetMd"
            | "insetLg"
            | "insetXl"
            | "inset2xl";
        default?:
            | "insetNone"
            | "insetSm"
            | "insetMd"
            | "insetLg"
            | "insetXl"
            | "inset2xl";
        lg?:
            | "insetNone"
            | "insetSm"
            | "insetMd"
            | "insetLg"
            | "insetXl"
            | "inset2xl";
        md?:
            | "insetNone"
            | "insetSm"
            | "insetMd"
            | "insetLg"
            | "insetXl"
            | "inset2xl";
        sm?:
            | "insetNone"
            | "insetSm"
            | "insetMd"
            | "insetLg"
            | "insetXl"
            | "inset2xl";
        xl?:
            | "insetNone"
            | "insetSm"
            | "insetMd"
            | "insetLg"
            | "insetXl"
            | "inset2xl";
    };
    integrity?: string;
    is?: string;
    isCompact?: boolean;
    isDisabled?: boolean;
    isLastFullPageShown?: boolean;
    isStatic?: boolean;
    isSticky?: boolean;
    itemCount?: number;
    itemID?: string;
    itemProp?: string;
    itemRef?: string;
    itemScope?: boolean;
    itemsEnd?: number;
    itemsStart?: number;
    itemType?: string;
    key?: Key;
    keyParams?: string;
    keyType?: string;
    kind?: string;
    label?: string;
    lang?: string;
    list?: string;
    loop?: boolean;
    low?: number;
    manifest?: string;
    marginHeight?: number;
    marginWidth?: number;
    max?: string | number;
    maxLength?: number;
    media?: string;
    mediaGroup?: string;
    menuAppendTo?: HTMLElement | "inline" | (() => HTMLElement);
    method?: string;
    min?: string | number;
    minLength?: number;
    multiple?: boolean;
    muted?: boolean;
    name?: string;
    nonce?: string;
    noValidate?: boolean;
    offset?: number;
    onAbort?: ReactEventHandler<HTMLDivElement>;
    onAbortCapture?: ReactEventHandler<HTMLDivElement>;
    onAnimationEnd?: AnimationEventHandler<HTMLDivElement>;
    onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement>;
    onAnimationIteration?: AnimationEventHandler<HTMLDivElement>;
    onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement>;
    onAnimationStart?: AnimationEventHandler<HTMLDivElement>;
    onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement>;
    onAuxClick?: MouseEventHandler<HTMLDivElement>;
    onAuxClickCapture?: MouseEventHandler<HTMLDivElement>;
    onBeforeInput?: FormEventHandler<HTMLDivElement>;
    onBeforeInputCapture?: FormEventHandler<HTMLDivElement>;
    onBlur?: FocusEventHandler<HTMLDivElement>;
    onBlurCapture?: FocusEventHandler<HTMLDivElement>;
    onCanPlay?: ReactEventHandler<HTMLDivElement>;
    onCanPlayCapture?: ReactEventHandler<HTMLDivElement>;
    onCanPlayThrough?: ReactEventHandler<HTMLDivElement>;
    onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>;
    onChange?: FormEventHandler<HTMLDivElement>;
    onChangeCapture?: FormEventHandler<HTMLDivElement>;
    onClick?: MouseEventHandler<HTMLDivElement>;
    onClickCapture?: MouseEventHandler<HTMLDivElement>;
    onCompositionEnd?: CompositionEventHandler<HTMLDivElement>;
    onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement>;
    onCompositionStart?: CompositionEventHandler<HTMLDivElement>;
    onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement>;
    onCompositionUpdate?: CompositionEventHandler<HTMLDivElement>;
    onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement>;
    onContextMenu?: MouseEventHandler<HTMLDivElement>;
    onContextMenuCapture?: MouseEventHandler<HTMLDivElement>;
    onCopy?: ClipboardEventHandler<HTMLDivElement>;
    onCopyCapture?: ClipboardEventHandler<HTMLDivElement>;
    onCut?: ClipboardEventHandler<HTMLDivElement>;
    onCutCapture?: ClipboardEventHandler<HTMLDivElement>;
    onDoubleClick?: MouseEventHandler<HTMLDivElement>;
    onDoubleClickCapture?: MouseEventHandler<HTMLDivElement>;
    onDrag?: DragEventHandler<HTMLDivElement>;
    onDragCapture?: DragEventHandler<HTMLDivElement>;
    onDragEnd?: DragEventHandler<HTMLDivElement>;
    onDragEndCapture?: DragEventHandler<HTMLDivElement>;
    onDragEnter?: DragEventHandler<HTMLDivElement>;
    onDragEnterCapture?: DragEventHandler<HTMLDivElement>;
    onDragExit?: DragEventHandler<HTMLDivElement>;
    onDragExitCapture?: DragEventHandler<HTMLDivElement>;
    onDragLeave?: DragEventHandler<HTMLDivElement>;
    onDragLeaveCapture?: DragEventHandler<HTMLDivElement>;
    onDragOver?: DragEventHandler<HTMLDivElement>;
    onDragOverCapture?: DragEventHandler<HTMLDivElement>;
    onDragStart?: DragEventHandler<HTMLDivElement>;
    onDragStartCapture?: DragEventHandler<HTMLDivElement>;
    onDrop?: DragEventHandler<HTMLDivElement>;
    onDropCapture?: DragEventHandler<HTMLDivElement>;
    onDurationChange?: ReactEventHandler<HTMLDivElement>;
    onDurationChangeCapture?: ReactEventHandler<HTMLDivElement>;
    onEmptied?: ReactEventHandler<HTMLDivElement>;
    onEmptiedCapture?: ReactEventHandler<HTMLDivElement>;
    onEncrypted?: ReactEventHandler<HTMLDivElement>;
    onEncryptedCapture?: ReactEventHandler<HTMLDivElement>;
    onEnded?: ReactEventHandler<HTMLDivElement>;
    onEndedCapture?: ReactEventHandler<HTMLDivElement>;
    onError?: ReactEventHandler<HTMLDivElement>;
    onErrorCapture?: ReactEventHandler<HTMLDivElement>;
    onFirstClick?: ((event: SyntheticEvent<HTMLButtonElement, Event>, page: number) => void);
    onFocus?: FocusEventHandler<HTMLDivElement>;
    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
    onGotPointerCapture?: PointerEventHandler<HTMLDivElement>;
    onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>;
    onInput?: FormEventHandler<HTMLDivElement>;
    onInputCapture?: FormEventHandler<HTMLDivElement>;
    onInvalid?: FormEventHandler<HTMLDivElement>;
    onInvalidCapture?: FormEventHandler<HTMLDivElement>;
    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
    onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>;
    onKeyPress?: KeyboardEventHandler<HTMLDivElement>;
    onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>;
    onKeyUp?: KeyboardEventHandler<HTMLDivElement>;
    onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>;
    onLastClick?: ((event: SyntheticEvent<HTMLButtonElement, Event>, page: number) => void);
    onLoad?: ReactEventHandler<HTMLDivElement>;
    onLoadCapture?: ReactEventHandler<HTMLDivElement>;
    onLoadedData?: ReactEventHandler<HTMLDivElement>;
    onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>;
    onLoadedMetadata?: ReactEventHandler<HTMLDivElement>;
    onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>;
    onLoadStart?: ReactEventHandler<HTMLDivElement>;
    onLoadStartCapture?: ReactEventHandler<HTMLDivElement>;
    onLostPointerCapture?: PointerEventHandler<HTMLDivElement>;
    onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>;
    onMouseDown?: MouseEventHandler<HTMLDivElement>;
    onMouseDownCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
    onMouseMove?: MouseEventHandler<HTMLDivElement>;
    onMouseMoveCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseOut?: MouseEventHandler<HTMLDivElement>;
    onMouseOutCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseOver?: MouseEventHandler<HTMLDivElement>;
    onMouseOverCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseUp?: MouseEventHandler<HTMLDivElement>;
    onMouseUpCapture?: MouseEventHandler<HTMLDivElement>;
    onNextClick?: ((event: SyntheticEvent<HTMLButtonElement, Event>, page: number) => void);
    onPageInput?: ((event: KeyboardEvent<HTMLInputElement>, page: number) => void);
    onPaste?: ClipboardEventHandler<HTMLDivElement>;
    onPasteCapture?: ClipboardEventHandler<HTMLDivElement>;
    onPause?: ReactEventHandler<HTMLDivElement>;
    onPauseCapture?: ReactEventHandler<HTMLDivElement>;
    onPerPageSelect?: OnPerPageSelect;
    onPlay?: ReactEventHandler<HTMLDivElement>;
    onPlayCapture?: ReactEventHandler<HTMLDivElement>;
    onPlaying?: ReactEventHandler<HTMLDivElement>;
    onPlayingCapture?: ReactEventHandler<HTMLDivElement>;
    onPointerCancel?: PointerEventHandler<HTMLDivElement>;
    onPointerCancelCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerDown?: PointerEventHandler<HTMLDivElement>;
    onPointerDownCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerEnter?: PointerEventHandler<HTMLDivElement>;
    onPointerLeave?: PointerEventHandler<HTMLDivElement>;
    onPointerMove?: PointerEventHandler<HTMLDivElement>;
    onPointerMoveCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerOut?: PointerEventHandler<HTMLDivElement>;
    onPointerOutCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerOver?: PointerEventHandler<HTMLDivElement>;
    onPointerOverCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerUp?: PointerEventHandler<HTMLDivElement>;
    onPointerUpCapture?: PointerEventHandler<HTMLDivElement>;
    onPreviousClick?: ((event: SyntheticEvent<HTMLButtonElement, Event>, page: number) => void);
    onProgress?: ReactEventHandler<HTMLDivElement>;
    onProgressCapture?: ReactEventHandler<HTMLDivElement>;
    onRateChange?: ReactEventHandler<HTMLDivElement>;
    onRateChangeCapture?: ReactEventHandler<HTMLDivElement>;
    onReset?: FormEventHandler<HTMLDivElement>;
    onResetCapture?: FormEventHandler<HTMLDivElement>;
    onResize?: ReactEventHandler<HTMLDivElement>;
    onResizeCapture?: ReactEventHandler<HTMLDivElement>;
    onScroll?: UIEventHandler<HTMLDivElement>;
    onScrollCapture?: UIEventHandler<HTMLDivElement>;
    onSeeked?: ReactEventHandler<HTMLDivElement>;
    onSeekedCapture?: ReactEventHandler<HTMLDivElement>;
    onSeeking?: ReactEventHandler<HTMLDivElement>;
    onSeekingCapture?: ReactEventHandler<HTMLDivElement>;
    onSelect?: ReactEventHandler<HTMLDivElement>;
    onSelectCapture?: ReactEventHandler<HTMLDivElement>;
    onSetPage?: OnSetPage;
    onStalled?: ReactEventHandler<HTMLDivElement>;
    onStalledCapture?: ReactEventHandler<HTMLDivElement>;
    onSubmit?: FormEventHandler<HTMLDivElement>;
    onSubmitCapture?: FormEventHandler<HTMLDivElement>;
    onSuspend?: ReactEventHandler<HTMLDivElement>;
    onSuspendCapture?: ReactEventHandler<HTMLDivElement>;
    onTimeUpdate?: ReactEventHandler<HTMLDivElement>;
    onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement>;
    onTouchCancel?: TouchEventHandler<HTMLDivElement>;
    onTouchCancelCapture?: TouchEventHandler<HTMLDivElement>;
    onTouchEnd?: TouchEventHandler<HTMLDivElement>;
    onTouchEndCapture?: TouchEventHandler<HTMLDivElement>;
    onTouchMove?: TouchEventHandler<HTMLDivElement>;
    onTouchMoveCapture?: TouchEventHandler<HTMLDivElement>;
    onTouchStart?: TouchEventHandler<HTMLDivElement>;
    onTouchStartCapture?: TouchEventHandler<HTMLDivElement>;
    onTransitionEnd?: TransitionEventHandler<HTMLDivElement>;
    onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>;
    onVolumeChange?: ReactEventHandler<HTMLDivElement>;
    onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement>;
    onWaiting?: ReactEventHandler<HTMLDivElement>;
    onWaitingCapture?: ReactEventHandler<HTMLDivElement>;
    onWheel?: WheelEventHandler<HTMLDivElement>;
    onWheelCapture?: WheelEventHandler<HTMLDivElement>;
    open?: boolean;
    optimum?: number;
    ouiaId?: string | number;
    ouiaSafe?: boolean;
    page?: number;
    pattern?: string;
    perPage?: number;
    perPageOptions?: PerPageOptions[];
    placeholder?: string;
    playsInline?: boolean;
    poster?: string;
    prefix?: string;
    preload?: string;
    property?: string;
    radioGroup?: string;
    readOnly?: boolean;
    ref?: LegacyRef<HTMLDivElement>;
    rel?: string;
    required?: boolean;
    resource?: string;
    results?: number;
    rev?: string;
    reversed?: boolean;
    role?: AriaRole;
    rows?: number;
    rowSpan?: number;
    sandbox?: string;
    scope?: string;
    scoped?: boolean;
    scrolling?: string;
    seamless?: boolean;
    security?: string;
    selected?: boolean;
    shape?: string;
    size?: number;
    sizes?: string;
    slot?: string;
    span?: number;
    spellCheck?: Booleanish;
    src?: string;
    srcDoc?: string;
    srcLang?: string;
    srcSet?: string;
    start?: number;
    step?: string | number;
    style?: CSSProperties;
    summary?: string;
    suppressContentEditableWarning?: boolean;
    suppressHydrationWarning?: boolean;
    tabIndex?: number;
    target?: string;
    title?: string;
    titles?: PaginationTitles;
    toggleTemplate?: string | ((props: PaginationToggleTemplateProps) => ReactElement<any, string | JSXElementConstructor<any>>);
    translate?: "yes" | "no";
    type?: string;
    typeof?: string;
    unselectable?: "off" | "on";
    useMap?: string;
    usePageInsets?: boolean;
    value?: string | number | readonly string[];
    variant?: "top" | "bottom" | PaginationVariant;
    vocab?: string;
    widgetId?: string;
    width?: string | number;
    wmode?: string;
    wrap?: string;
}

Hierarchy (view full)

  • HTMLProps<HTMLDivElement>
  • OUIAProps
    • PaginationProps

Properties

about? accept? acceptCharset? accessKey? action? allowFullScreen? allowTransparency? alt? aria-activedescendant? aria-atomic? aria-autocomplete? aria-braillelabel? aria-brailleroledescription? aria-busy? aria-checked? aria-colcount? aria-colindex? aria-colindextext? aria-colspan? aria-controls? aria-current? aria-describedby? aria-description? aria-details? aria-disabled? aria-dropeffect? aria-errormessage? aria-expanded? aria-flowto? aria-grabbed? aria-haspopup? aria-hidden? aria-invalid? aria-keyshortcuts? aria-label? aria-labelledby? aria-level? aria-live? aria-modal? aria-multiline? aria-multiselectable? aria-orientation? aria-owns? aria-placeholder? aria-posinset? aria-pressed? aria-readonly? aria-relevant? aria-required? aria-roledescription? aria-rowcount? aria-rowindex? aria-rowindextext? aria-rowspan? aria-selected? aria-setsize? aria-sort? aria-valuemax? aria-valuemin? aria-valuenow? aria-valuetext? as? async? autoCapitalize? autoComplete? autoCorrect? autoFocus? autoPlay? autoSave? capture? cellPadding? cellSpacing? challenge? charSet? checked? children? cite? classID? className? color? cols? colSpan? content? contentEditable? contextMenu? controls? coords? crossOrigin? dangerouslySetInnerHTML? data? datatype? dateTime? default? defaultChecked? defaultValue? defer? dir? disabled? download? draggable? dropDirection? encType? enterKeyHint? firstPage? form? formAction? formEncType? formMethod? formNoValidate? formTarget? frameBorder? headers? height? hidden? high? href? hrefLang? htmlFor? httpEquiv? id? inlist? inputMode? inset? integrity? is? isCompact? isDisabled? isLastFullPageShown? isStatic? isSticky? itemCount? itemID? itemProp? itemRef? itemScope? itemsEnd? itemsStart? itemType? key? keyParams? keyType? kind? label? lang? list? loop? low? manifest? marginHeight? marginWidth? max? maxLength? media? mediaGroup? menuAppendTo? method? min? minLength? multiple? muted? name? nonce? noValidate? offset? onAbort? onAbortCapture? onAnimationEnd? onAnimationEndCapture? onAnimationIteration? onAnimationIterationCapture? onAnimationStart? onAnimationStartCapture? onAuxClick? onAuxClickCapture? onBeforeInput? onBeforeInputCapture? onBlur? onBlurCapture? onCanPlay? onCanPlayCapture? onCanPlayThrough? onCanPlayThroughCapture? onChange? onChangeCapture? onClick? onClickCapture? onCompositionEnd? onCompositionEndCapture? onCompositionStart? onCompositionStartCapture? onCompositionUpdate? onCompositionUpdateCapture? onContextMenu? onContextMenuCapture? onCopy? onCopyCapture? onCut? onCutCapture? onDoubleClick? onDoubleClickCapture? onDrag? onDragCapture? onDragEnd? onDragEndCapture? onDragEnter? onDragEnterCapture? onDragExit? onDragExitCapture? onDragLeave? onDragLeaveCapture? onDragOver? onDragOverCapture? onDragStart? onDragStartCapture? onDrop? onDropCapture? onDurationChange? onDurationChangeCapture? onEmptied? onEmptiedCapture? onEncrypted? onEncryptedCapture? onEnded? onEndedCapture? onError? onErrorCapture? onFirstClick? onFocus? onFocusCapture? onGotPointerCapture? onGotPointerCaptureCapture? onInput? onInputCapture? onInvalid? onInvalidCapture? onKeyDown? onKeyDownCapture? onKeyPress? onKeyPressCapture? onKeyUp? onKeyUpCapture? onLastClick? onLoad? onLoadCapture? onLoadedData? onLoadedDataCapture? onLoadedMetadata? onLoadedMetadataCapture? onLoadStart? onLoadStartCapture? onLostPointerCapture? onLostPointerCaptureCapture? onMouseDown? onMouseDownCapture? onMouseEnter? onMouseLeave? onMouseMove? onMouseMoveCapture? onMouseOut? onMouseOutCapture? onMouseOver? onMouseOverCapture? onMouseUp? onMouseUpCapture? onNextClick? onPageInput? onPaste? onPasteCapture? onPause? onPauseCapture? onPerPageSelect? onPlay? onPlayCapture? onPlaying? onPlayingCapture? onPointerCancel? onPointerCancelCapture? onPointerDown? onPointerDownCapture? onPointerEnter? onPointerLeave? onPointerMove? onPointerMoveCapture? onPointerOut? onPointerOutCapture? onPointerOver? onPointerOverCapture? onPointerUp? onPointerUpCapture? onPreviousClick? onProgress? onProgressCapture? onRateChange? onRateChangeCapture? onReset? onResetCapture? onResize? onResizeCapture? onScroll? onScrollCapture? onSeeked? onSeekedCapture? onSeeking? onSeekingCapture? onSelect? onSelectCapture? onSetPage? onStalled? onStalledCapture? onSubmit? onSubmitCapture? onSuspend? onSuspendCapture? onTimeUpdate? onTimeUpdateCapture? onTouchCancel? onTouchCancelCapture? onTouchEnd? onTouchEndCapture? onTouchMove? onTouchMoveCapture? onTouchStart? onTouchStartCapture? onTransitionEnd? onTransitionEndCapture? onVolumeChange? onVolumeChangeCapture? onWaiting? onWaitingCapture? onWheel? onWheelCapture? open? optimum? ouiaId? ouiaSafe? page? pattern? perPage? perPageOptions? placeholder? playsInline? poster? prefix? preload? property? radioGroup? readOnly? ref? rel? required? resource? results? rev? reversed? role? rows? rowSpan? sandbox? scope? scoped? scrolling? seamless? security? selected? shape? size? sizes? slot? span? spellCheck? src? srcDoc? srcLang? srcSet? start? step? style? summary? suppressContentEditableWarning? suppressHydrationWarning? tabIndex? target? title? titles? toggleTemplate? translate? type? typeof? unselectable? useMap? usePageInsets? value? variant? vocab? widgetId? width? wmode? wrap?

Properties

Optionalabout

about?: string

Optionalaccept

accept?: string

OptionalacceptCharset

acceptCharset?: string

OptionalaccessKey

accessKey?: string

Optionalaction

action?: string

OptionalallowFullScreen

allowFullScreen?: boolean

OptionalallowTransparency

allowTransparency?: boolean

Optionalalt

alt?: string

Optionalaria-activedescendant

aria-activedescendant?: string

Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.

Optionalaria-atomic

aria-atomic?: Booleanish

Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.

Optionalaria-autocomplete

aria-autocomplete?:
    | "list"
    | "inline"
    | "none"
    | "both"

Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.

Optionalaria-braillelabel

aria-braillelabel?: string

Defines a string value that labels the current element, which is intended to be converted into Braille.

See

aria-label.

Optionalaria-brailleroledescription

aria-brailleroledescription?: string

Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.

See

aria-roledescription.

Optionalaria-busy

aria-busy?: Booleanish

Optionalaria-checked

aria-checked?:
    | boolean
    | "true"
    | "false"
    | "mixed"

Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.

See

  • aria-pressed
  • aria-selected.

Optionalaria-colcount

aria-colcount?: number

Defines the total number of columns in a table, grid, or treegrid.

See

aria-colindex.

Optionalaria-colindex

aria-colindex?: number

Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.

See

  • aria-colcount
  • aria-colspan.

Optionalaria-colindextext

aria-colindextext?: string

Defines a human readable text alternative of aria-colindex.

See

aria-rowindextext.

Optionalaria-colspan

aria-colspan?: number

Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.

See

  • aria-colindex
  • aria-rowspan.

Optionalaria-controls

aria-controls?: string

Identifies the element (or elements) whose contents or presence are controlled by the current element.

See

aria-owns.

Optionalaria-current

aria-current?:
    | boolean
    | "step"
    | "time"
    | "location"
    | "true"
    | "false"
    | "page"
    | "date"

Indicates the element that represents the current item within a container or set of related elements.

Optionalaria-describedby

aria-describedby?: string

Identifies the element (or elements) that describes the object.

See

aria-labelledby

Optionalaria-description

aria-description?: string

Defines a string value that describes or annotates the current element.

See

related aria-describedby.

Optionalaria-details

aria-details?: string

Identifies the element that provides a detailed, extended description for the object.

See

aria-describedby.

Optionalaria-disabled

aria-disabled?: Booleanish

Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

See

  • aria-hidden
  • aria-readonly.

Optionalaria-dropeffect

aria-dropeffect?:
    | "link"
    | "copy"
    | "move"
    | "none"
    | "execute"
    | "popup"

Indicates what functions can be performed when a dragged object is released on the drop target.

Deprecated

in ARIA 1.1

Optionalaria-errormessage

aria-errormessage?: string

Identifies the element that provides an error message for the object.

See

  • aria-invalid
  • aria-describedby.

Optionalaria-expanded

aria-expanded?: Booleanish

Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.

Optionalaria-flowto

aria-flowto?: string

Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.

Optionalaria-grabbed

aria-grabbed?: Booleanish

Indicates an element's "grabbed" state in a drag-and-drop operation.

Deprecated

in ARIA 1.1

Optionalaria-haspopup

aria-haspopup?:
    | boolean
    | "dialog"
    | "menu"
    | "grid"
    | "true"
    | "false"
    | "listbox"
    | "tree"

Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.

Optionalaria-hidden

aria-hidden?: Booleanish

Indicates whether the element is exposed to an accessibility API.

See

aria-disabled.

Optionalaria-invalid

aria-invalid?:
    | boolean
    | "true"
    | "false"
    | "grammar"
    | "spelling"

Indicates the entered value does not conform to the format expected by the application.

See

aria-errormessage.

Optionalaria-keyshortcuts

aria-keyshortcuts?: string

Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.

Optionalaria-label

aria-label?: string

Defines a string value that labels the current element.

See

aria-labelledby.

Optionalaria-labelledby

aria-labelledby?: string

Identifies the element (or elements) that labels the current element.

See

aria-describedby.

Optionalaria-level

aria-level?: number

Defines the hierarchical level of an element within a structure.

Optionalaria-live

aria-live?: "off" | "assertive" | "polite"

Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.

Optionalaria-modal

aria-modal?: Booleanish

Indicates whether an element is modal when displayed.

Optionalaria-multiline

aria-multiline?: Booleanish

Indicates whether a text box accepts multiple lines of input or only a single line.

Optionalaria-multiselectable

aria-multiselectable?: Booleanish

Indicates that the user may select more than one item from the current selectable descendants.

Optionalaria-orientation

aria-orientation?: "horizontal" | "vertical"

Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.

Optionalaria-owns

aria-owns?: string

Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.

See

aria-controls.

Optionalaria-placeholder

aria-placeholder?: string

Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.

Optionalaria-posinset

aria-posinset?: number

Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

See

aria-setsize.

Optionalaria-pressed

aria-pressed?:
    | boolean
    | "true"
    | "false"
    | "mixed"

Indicates the current "pressed" state of toggle buttons.

See

  • aria-checked
  • aria-selected.

Optionalaria-readonly

aria-readonly?: Booleanish

Indicates that the element is not editable, but is otherwise operable.

See

aria-disabled.

Optionalaria-relevant

aria-relevant?:
    | "text"
    | "additions"
    | "additions removals"
    | "additions text"
    | "all"
    | "removals"
    | "removals additions"
    | "removals text"
    | "text additions"
    | "text removals"

Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.

See

aria-atomic.

Optionalaria-required

aria-required?: Booleanish

Indicates that user input is required on the element before a form may be submitted.

Optionalaria-roledescription

aria-roledescription?: string

Defines a human-readable, author-localized description for the role of an element.

Optionalaria-rowcount

aria-rowcount?: number

Defines the total number of rows in a table, grid, or treegrid.

See

aria-rowindex.

Optionalaria-rowindex

aria-rowindex?: number

Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.

See

  • aria-rowcount
  • aria-rowspan.

Optionalaria-rowindextext

aria-rowindextext?: string

Defines a human readable text alternative of aria-rowindex.

See

aria-colindextext.

Optionalaria-rowspan

aria-rowspan?: number

Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.

See

  • aria-rowindex
  • aria-colspan.

Optionalaria-selected

aria-selected?: Booleanish

Indicates the current "selected" state of various widgets.

See

  • aria-checked
  • aria-pressed.

Optionalaria-setsize

aria-setsize?: number

Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

See

aria-posinset.

Optionalaria-sort

aria-sort?:
    | "none"
    | "ascending"
    | "descending"
    | "other"

Indicates if items in a table or grid are sorted in ascending or descending order.

Optionalaria-valuemax

aria-valuemax?: number

Defines the maximum allowed value for a range widget.

Optionalaria-valuemin

aria-valuemin?: number

Defines the minimum allowed value for a range widget.

Optionalaria-valuenow

aria-valuenow?: number

Defines the current value for a range widget.

See

aria-valuetext.

Optionalaria-valuetext

aria-valuetext?: string

Defines the human readable text alternative of aria-valuenow for a range widget.

Optionalas

as?: string

Optionalasync

async?: boolean

OptionalautoCapitalize

autoCapitalize?:
    | string & {}
    | "none"
    | "off"
    | "on"
    | "sentences"
    | "words"
    | "characters"

OptionalautoComplete

autoComplete?: string

OptionalautoCorrect

autoCorrect?: string

OptionalautoFocus

autoFocus?: boolean

OptionalautoPlay

autoPlay?: boolean

OptionalautoSave

autoSave?: string

Optionalcapture

capture?: boolean | "user" | "environment"

OptionalcellPadding

cellPadding?: string | number

OptionalcellSpacing

cellSpacing?: string | number

Optionalchallenge

challenge?: string

OptionalcharSet

charSet?: string

Optionalchecked

checked?: boolean

Optionalchildren

children?: ReactNode

What should be rendered inside the pagination.

Optionalcite

cite?: string

OptionalclassID

classID?: string

OptionalclassName

className?: string

Additional classes for the pagination container.

Optionalcolor

color?: string

Optionalcols

cols?: number

OptionalcolSpan

colSpan?: number

Optionalcontent

content?: string

OptionalcontentEditable

contentEditable?: "inherit" | Booleanish | "plaintext-only"

OptionalcontextMenu

contextMenu?: string

Optionalcontrols

controls?: boolean

Optionalcoords

coords?: string

OptionalcrossOrigin

crossOrigin?: CrossOrigin

OptionaldangerouslySetInnerHTML

dangerouslySetInnerHTML?: {
    __html: string | TrustedHTML;
}

Optionaldata

data?: string

Optionaldatatype

datatype?: string

OptionaldateTime

dateTime?: string

Optionaldefault

default?: boolean

OptionaldefaultChecked

defaultChecked?: boolean

OptionaldefaultValue

defaultValue?: string | number | readonly string[]

Optionaldefer

defer?: boolean

Optionaldir

dir?: string

Optionaldisabled

disabled?: boolean

Optionaldownload

download?: any

Optionaldraggable

draggable?: Booleanish

OptionaldropDirection

dropDirection?: "up" | "down"

Direction of dropdown context menu.

OptionalencType

encType?: string

OptionalenterKeyHint

enterKeyHint?:
    | "search"
    | "enter"
    | "done"
    | "go"
    | "next"
    | "previous"
    | "send"

OptionalfirstPage

firstPage?: number

Page to start at.

Optionalform

form?: string

OptionalformAction

formAction?: string

OptionalformEncType

formEncType?: string

OptionalformMethod

formMethod?: string

OptionalformNoValidate

formNoValidate?: boolean

OptionalformTarget

formTarget?: string

OptionalframeBorder

frameBorder?: string | number

Optionalheaders

headers?: string

Optionalheight

height?: string | number

Optionalhidden

hidden?: boolean

Optionalhigh

high?: number

Optionalhref

href?: string

OptionalhrefLang

hrefLang?: string

OptionalhtmlFor

htmlFor?: string

OptionalhttpEquiv

httpEquiv?: string

Optionalid

id?: string

Optionalinlist

inlist?: any

OptionalinputMode

inputMode?:
    | "search"
    | "text"
    | "none"
    | "tel"
    | "url"
    | "email"
    | "numeric"
    | "decimal"

Hints at the type of data that might be entered by the user while editing the element or its contents

See

https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute

Optional Betainset

inset?: {
    2xl?:
        | "insetNone"
        | "insetSm"
        | "insetMd"
        | "insetLg"
        | "insetXl"
        | "inset2xl";
    default?:
        | "insetNone"
        | "insetSm"
        | "insetMd"
        | "insetLg"
        | "insetXl"
        | "inset2xl";
    lg?:
        | "insetNone"
        | "insetSm"
        | "insetMd"
        | "insetLg"
        | "insetXl"
        | "inset2xl";
    md?:
        | "insetNone"
        | "insetSm"
        | "insetMd"
        | "insetLg"
        | "insetXl"
        | "inset2xl";
    sm?:
        | "insetNone"
        | "insetSm"
        | "insetMd"
        | "insetLg"
        | "insetXl"
        | "inset2xl";
    xl?:
        | "insetNone"
        | "insetSm"
        | "insetMd"
        | "insetLg"
        | "insetXl"
        | "inset2xl";
}

Insets at various breakpoints.

Optionalintegrity

integrity?: string

Optionalis

is?: string

Specify that a standard HTML element should behave like a defined custom built-in element

See

https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is

OptionalisCompact

isCompact?: boolean

Flag indicating if pagination is compact.

OptionalisDisabled

isDisabled?: boolean

Flag indicating if pagination is disabled.

OptionalisLastFullPageShown

isLastFullPageShown?: boolean

Indicate whether to show last full page of results when user selects perPage value greater than remaining rows.

OptionalisStatic

isStatic?: boolean

Flag indicating if pagination should not be sticky on mobile.

OptionalisSticky

isSticky?: boolean

Flag indicating if pagination should stick to its position (based on variant).

OptionalitemCount

itemCount?: number

Total number of items.

OptionalitemID

itemID?: string

OptionalitemProp

itemProp?: string

OptionalitemRef

itemRef?: string

OptionalitemScope

itemScope?: boolean

OptionalitemsEnd

itemsEnd?: number

Last index of items on current page.

OptionalitemsStart

itemsStart?: number

First index of items on current page.

OptionalitemType

itemType?: string

Optionalkey

key?: Key

OptionalkeyParams

keyParams?: string

OptionalkeyType

keyType?: string

Optionalkind

kind?: string

Optionallabel

label?: string

Optionallang

lang?: string

Optionallist

list?: string

Optionalloop

loop?: boolean

Optionallow

low?: number

Optionalmanifest

manifest?: string

OptionalmarginHeight

marginHeight?: number

OptionalmarginWidth

marginWidth?: number

Optionalmax

max?: string | number

OptionalmaxLength

maxLength?: number

Optionalmedia

media?: string

OptionalmediaGroup

mediaGroup?: string

Optional BetamenuAppendTo

menuAppendTo?: HTMLElement | "inline" | (() => HTMLElement)

The container to append the pagination options menu to.

Optionalmethod

method?: string

Optionalmin

min?: string | number

OptionalminLength

minLength?: number

Optionalmultiple

multiple?: boolean

Optionalmuted

muted?: boolean

Optionalname

name?: string

Optionalnonce

nonce?: string

OptionalnoValidate

noValidate?: boolean

Optionaloffset

offset?: number

Start index of rows to display, used in place of providing page.

OptionalonAbort

onAbort?: ReactEventHandler<HTMLDivElement>

OptionalonAbortCapture

onAbortCapture?: ReactEventHandler<HTMLDivElement>

OptionalonAnimationEnd

onAnimationEnd?: AnimationEventHandler<HTMLDivElement>

OptionalonAnimationEndCapture

onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement>

OptionalonAnimationIteration

onAnimationIteration?: AnimationEventHandler<HTMLDivElement>

OptionalonAnimationIterationCapture

onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement>

OptionalonAnimationStart

onAnimationStart?: AnimationEventHandler<HTMLDivElement>

OptionalonAnimationStartCapture

onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement>

OptionalonAuxClick

onAuxClick?: MouseEventHandler<HTMLDivElement>

OptionalonAuxClickCapture

onAuxClickCapture?: MouseEventHandler<HTMLDivElement>

OptionalonBeforeInput

onBeforeInput?: FormEventHandler<HTMLDivElement>

OptionalonBeforeInputCapture

onBeforeInputCapture?: FormEventHandler<HTMLDivElement>

OptionalonBlur

onBlur?: FocusEventHandler<HTMLDivElement>

OptionalonBlurCapture

onBlurCapture?: FocusEventHandler<HTMLDivElement>

OptionalonCanPlay

onCanPlay?: ReactEventHandler<HTMLDivElement>

OptionalonCanPlayCapture

onCanPlayCapture?: ReactEventHandler<HTMLDivElement>

OptionalonCanPlayThrough

onCanPlayThrough?: ReactEventHandler<HTMLDivElement>

OptionalonCanPlayThroughCapture

onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>

OptionalonChange

onChange?: FormEventHandler<HTMLDivElement>

OptionalonChangeCapture

onChangeCapture?: FormEventHandler<HTMLDivElement>

OptionalonClick

onClick?: MouseEventHandler<HTMLDivElement>

OptionalonClickCapture

onClickCapture?: MouseEventHandler<HTMLDivElement>

OptionalonCompositionEnd

onCompositionEnd?: CompositionEventHandler<HTMLDivElement>

OptionalonCompositionEndCapture

onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement>

OptionalonCompositionStart

onCompositionStart?: CompositionEventHandler<HTMLDivElement>

OptionalonCompositionStartCapture

onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement>

OptionalonCompositionUpdate

onCompositionUpdate?: CompositionEventHandler<HTMLDivElement>

OptionalonCompositionUpdateCapture

onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement>

OptionalonContextMenu

onContextMenu?: MouseEventHandler<HTMLDivElement>

OptionalonContextMenuCapture

onContextMenuCapture?: MouseEventHandler<HTMLDivElement>

OptionalonCopy

onCopy?: ClipboardEventHandler<HTMLDivElement>

OptionalonCopyCapture

onCopyCapture?: ClipboardEventHandler<HTMLDivElement>

OptionalonCut

onCut?: ClipboardEventHandler<HTMLDivElement>

OptionalonCutCapture

onCutCapture?: ClipboardEventHandler<HTMLDivElement>

OptionalonDoubleClick

onDoubleClick?: MouseEventHandler<HTMLDivElement>

OptionalonDoubleClickCapture

onDoubleClickCapture?: MouseEventHandler<HTMLDivElement>

OptionalonDrag

onDrag?: DragEventHandler<HTMLDivElement>

OptionalonDragCapture

onDragCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragEnd

onDragEnd?: DragEventHandler<HTMLDivElement>

OptionalonDragEndCapture

onDragEndCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragEnter

onDragEnter?: DragEventHandler<HTMLDivElement>

OptionalonDragEnterCapture

onDragEnterCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragExit

onDragExit?: DragEventHandler<HTMLDivElement>

OptionalonDragExitCapture

onDragExitCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragLeave

onDragLeave?: DragEventHandler<HTMLDivElement>

OptionalonDragLeaveCapture

onDragLeaveCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragOver

onDragOver?: DragEventHandler<HTMLDivElement>

OptionalonDragOverCapture

onDragOverCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragStart

onDragStart?: DragEventHandler<HTMLDivElement>

OptionalonDragStartCapture

onDragStartCapture?: DragEventHandler<HTMLDivElement>

OptionalonDrop

onDrop?: DragEventHandler<HTMLDivElement>

OptionalonDropCapture

onDropCapture?: DragEventHandler<HTMLDivElement>

OptionalonDurationChange

onDurationChange?: ReactEventHandler<HTMLDivElement>

OptionalonDurationChangeCapture

onDurationChangeCapture?: ReactEventHandler<HTMLDivElement>

OptionalonEmptied

onEmptied?: ReactEventHandler<HTMLDivElement>

OptionalonEmptiedCapture

onEmptiedCapture?: ReactEventHandler<HTMLDivElement>

OptionalonEncrypted

onEncrypted?: ReactEventHandler<HTMLDivElement>

OptionalonEncryptedCapture

onEncryptedCapture?: ReactEventHandler<HTMLDivElement>

OptionalonEnded

onEnded?: ReactEventHandler<HTMLDivElement>

OptionalonEndedCapture

onEndedCapture?: ReactEventHandler<HTMLDivElement>

OptionalonError

onError?: ReactEventHandler<HTMLDivElement>

OptionalonErrorCapture

onErrorCapture?: ReactEventHandler<HTMLDivElement>

OptionalonFirstClick

onFirstClick?: ((event: SyntheticEvent<HTMLButtonElement, Event>, page: number) => void)

Function called when user clicks on navigate to first page.

OptionalonFocus

onFocus?: FocusEventHandler<HTMLDivElement>

OptionalonFocusCapture

onFocusCapture?: FocusEventHandler<HTMLDivElement>

OptionalonGotPointerCapture

onGotPointerCapture?: PointerEventHandler<HTMLDivElement>

OptionalonGotPointerCaptureCapture

onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>

OptionalonInput

onInput?: FormEventHandler<HTMLDivElement>

OptionalonInputCapture

onInputCapture?: FormEventHandler<HTMLDivElement>

OptionalonInvalid

onInvalid?: FormEventHandler<HTMLDivElement>

OptionalonInvalidCapture

onInvalidCapture?: FormEventHandler<HTMLDivElement>

OptionalonKeyDown

onKeyDown?: KeyboardEventHandler<HTMLDivElement>

OptionalonKeyDownCapture

onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>

OptionalonKeyPress

onKeyPress?: KeyboardEventHandler<HTMLDivElement>

Deprecated

Use onKeyUp or onKeyDown instead

OptionalonKeyPressCapture

onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>

Deprecated

Use onKeyUpCapture or onKeyDownCapture instead

OptionalonKeyUp

onKeyUp?: KeyboardEventHandler<HTMLDivElement>

OptionalonKeyUpCapture

onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>

OptionalonLastClick

onLastClick?: ((event: SyntheticEvent<HTMLButtonElement, Event>, page: number) => void)

Function called when user clicks on navigate to last page.

OptionalonLoad

onLoad?: ReactEventHandler<HTMLDivElement>

OptionalonLoadCapture

onLoadCapture?: ReactEventHandler<HTMLDivElement>

OptionalonLoadedData

onLoadedData?: ReactEventHandler<HTMLDivElement>

OptionalonLoadedDataCapture

onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>

OptionalonLoadedMetadata

onLoadedMetadata?: ReactEventHandler<HTMLDivElement>

OptionalonLoadedMetadataCapture

onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>

OptionalonLoadStart

onLoadStart?: ReactEventHandler<HTMLDivElement>

OptionalonLoadStartCapture

onLoadStartCapture?: ReactEventHandler<HTMLDivElement>

OptionalonLostPointerCapture

onLostPointerCapture?: PointerEventHandler<HTMLDivElement>

OptionalonLostPointerCaptureCapture

onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>

OptionalonMouseDown

onMouseDown?: MouseEventHandler<HTMLDivElement>

OptionalonMouseDownCapture

onMouseDownCapture?: MouseEventHandler<HTMLDivElement>

OptionalonMouseEnter

onMouseEnter?: MouseEventHandler<HTMLDivElement>

OptionalonMouseLeave

onMouseLeave?: MouseEventHandler<HTMLDivElement>

OptionalonMouseMove

onMouseMove?: MouseEventHandler<HTMLDivElement>

OptionalonMouseMoveCapture

onMouseMoveCapture?: MouseEventHandler<HTMLDivElement>

OptionalonMouseOut

onMouseOut?: MouseEventHandler<HTMLDivElement>

OptionalonMouseOutCapture

onMouseOutCapture?: MouseEventHandler<HTMLDivElement>

OptionalonMouseOver

onMouseOver?: MouseEventHandler<HTMLDivElement>

OptionalonMouseOverCapture

onMouseOverCapture?: MouseEventHandler<HTMLDivElement>

OptionalonMouseUp

onMouseUp?: MouseEventHandler<HTMLDivElement>

OptionalonMouseUpCapture

onMouseUpCapture?: MouseEventHandler<HTMLDivElement>

OptionalonNextClick

onNextClick?: ((event: SyntheticEvent<HTMLButtonElement, Event>, page: number) => void)

Function called when user clicks on navigate to next page.

OptionalonPageInput

onPageInput?: ((event: KeyboardEvent<HTMLInputElement>, page: number) => void)

Function called when user inputs page number.

OptionalonPaste

onPaste?: ClipboardEventHandler<HTMLDivElement>

OptionalonPasteCapture

onPasteCapture?: ClipboardEventHandler<HTMLDivElement>

OptionalonPause

onPause?: ReactEventHandler<HTMLDivElement>

OptionalonPauseCapture

onPauseCapture?: ReactEventHandler<HTMLDivElement>

OptionalonPerPageSelect

onPerPageSelect?: OnPerPageSelect

Function called when user selects number of items per page.

OptionalonPlay

onPlay?: ReactEventHandler<HTMLDivElement>

OptionalonPlayCapture

onPlayCapture?: ReactEventHandler<HTMLDivElement>

OptionalonPlaying

onPlaying?: ReactEventHandler<HTMLDivElement>

OptionalonPlayingCapture

onPlayingCapture?: ReactEventHandler<HTMLDivElement>

OptionalonPointerCancel

onPointerCancel?: PointerEventHandler<HTMLDivElement>

OptionalonPointerCancelCapture

onPointerCancelCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPointerDown

onPointerDown?: PointerEventHandler<HTMLDivElement>

OptionalonPointerDownCapture

onPointerDownCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPointerEnter

onPointerEnter?: PointerEventHandler<HTMLDivElement>

OptionalonPointerLeave

onPointerLeave?: PointerEventHandler<HTMLDivElement>

OptionalonPointerMove

onPointerMove?: PointerEventHandler<HTMLDivElement>

OptionalonPointerMoveCapture

onPointerMoveCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPointerOut

onPointerOut?: PointerEventHandler<HTMLDivElement>

OptionalonPointerOutCapture

onPointerOutCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPointerOver

onPointerOver?: PointerEventHandler<HTMLDivElement>

OptionalonPointerOverCapture

onPointerOverCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPointerUp

onPointerUp?: PointerEventHandler<HTMLDivElement>

OptionalonPointerUpCapture

onPointerUpCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPreviousClick

onPreviousClick?: ((event: SyntheticEvent<HTMLButtonElement, Event>, page: number) => void)

Function called when user clicks on navigate to previous page.

OptionalonProgress

onProgress?: ReactEventHandler<HTMLDivElement>

OptionalonProgressCapture

onProgressCapture?: ReactEventHandler<HTMLDivElement>

OptionalonRateChange

onRateChange?: ReactEventHandler<HTMLDivElement>

OptionalonRateChangeCapture

onRateChangeCapture?: ReactEventHandler<HTMLDivElement>

OptionalonReset

onReset?: FormEventHandler<HTMLDivElement>

OptionalonResetCapture

onResetCapture?: FormEventHandler<HTMLDivElement>

OptionalonResize

onResize?: ReactEventHandler<HTMLDivElement>

OptionalonResizeCapture

onResizeCapture?: ReactEventHandler<HTMLDivElement>

OptionalonScroll

onScroll?: UIEventHandler<HTMLDivElement>

OptionalonScrollCapture

onScrollCapture?: UIEventHandler<HTMLDivElement>

OptionalonSeeked

onSeeked?: ReactEventHandler<HTMLDivElement>

OptionalonSeekedCapture

onSeekedCapture?: ReactEventHandler<HTMLDivElement>

OptionalonSeeking

onSeeking?: ReactEventHandler<HTMLDivElement>

OptionalonSeekingCapture

onSeekingCapture?: ReactEventHandler<HTMLDivElement>

OptionalonSelect

onSelect?: ReactEventHandler<HTMLDivElement>

OptionalonSelectCapture

onSelectCapture?: ReactEventHandler<HTMLDivElement>

OptionalonSetPage

onSetPage?: OnSetPage

Function called when user sets page.

OptionalonStalled

onStalled?: ReactEventHandler<HTMLDivElement>

OptionalonStalledCapture

onStalledCapture?: ReactEventHandler<HTMLDivElement>

OptionalonSubmit

onSubmit?: FormEventHandler<HTMLDivElement>

OptionalonSubmitCapture

onSubmitCapture?: FormEventHandler<HTMLDivElement>

OptionalonSuspend

onSuspend?: ReactEventHandler<HTMLDivElement>

OptionalonSuspendCapture

onSuspendCapture?: ReactEventHandler<HTMLDivElement>

OptionalonTimeUpdate

onTimeUpdate?: ReactEventHandler<HTMLDivElement>

OptionalonTimeUpdateCapture

onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement>

OptionalonTouchCancel

onTouchCancel?: TouchEventHandler<HTMLDivElement>

OptionalonTouchCancelCapture

onTouchCancelCapture?: TouchEventHandler<HTMLDivElement>

OptionalonTouchEnd

onTouchEnd?: TouchEventHandler<HTMLDivElement>

OptionalonTouchEndCapture

onTouchEndCapture?: TouchEventHandler<HTMLDivElement>

OptionalonTouchMove

onTouchMove?: TouchEventHandler<HTMLDivElement>

OptionalonTouchMoveCapture

onTouchMoveCapture?: TouchEventHandler<HTMLDivElement>

OptionalonTouchStart

onTouchStart?: TouchEventHandler<HTMLDivElement>

OptionalonTouchStartCapture

onTouchStartCapture?: TouchEventHandler<HTMLDivElement>

OptionalonTransitionEnd

onTransitionEnd?: TransitionEventHandler<HTMLDivElement>

OptionalonTransitionEndCapture

onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>

OptionalonVolumeChange

onVolumeChange?: ReactEventHandler<HTMLDivElement>

OptionalonVolumeChangeCapture

onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement>

OptionalonWaiting

onWaiting?: ReactEventHandler<HTMLDivElement>

OptionalonWaitingCapture

onWaitingCapture?: ReactEventHandler<HTMLDivElement>

OptionalonWheel

onWheel?: WheelEventHandler<HTMLDivElement>

OptionalonWheelCapture

onWheelCapture?: WheelEventHandler<HTMLDivElement>

Optionalopen

open?: boolean

Optionaloptimum

optimum?: number

OptionalouiaId

ouiaId?: string | number

Value to overwrite the randomly generated data-ouia-component-id.

OptionalouiaSafe

ouiaSafe?: boolean

Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false.

Optionalpage

page?: number

Current page number.

Optionalpattern

pattern?: string

OptionalperPage

perPage?: number

Number of items per page.

OptionalperPageOptions

perPageOptions?: PerPageOptions[]

Array of the number of items per page options.

Optionalplaceholder

placeholder?: string

OptionalplaysInline

playsInline?: boolean

Optionalposter

poster?: string

Optionalprefix

prefix?: string

Optionalpreload

preload?: string

Optionalproperty

property?: string

OptionalradioGroup

radioGroup?: string

OptionalreadOnly

readOnly?: boolean

Optionalref

ref?: LegacyRef<HTMLDivElement>

Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref).

See

React Docs

Optionalrel

rel?: string

Optionalrequired

required?: boolean

Optionalresource

resource?: string

Optionalresults

results?: number

Optionalrev

rev?: string

Optionalreversed

reversed?: boolean

Optionalrole

role?: AriaRole

Optionalrows

rows?: number

OptionalrowSpan

rowSpan?: number

Optionalsandbox

sandbox?: string

Optionalscope

scope?: string

Optionalscoped

scoped?: boolean

Optionalscrolling

scrolling?: string

Optionalseamless

seamless?: boolean

Optionalsecurity

security?: string

Optionalselected

selected?: boolean

Optionalshape

shape?: string

Optionalsize

size?: number

Optionalsizes

sizes?: string

Optionalslot

slot?: string

Optionalspan

span?: number

OptionalspellCheck

spellCheck?: Booleanish

Optionalsrc

src?: string

OptionalsrcDoc

srcDoc?: string

OptionalsrcLang

srcLang?: string

OptionalsrcSet

srcSet?: string

Optionalstart

start?: number

Optionalstep

step?: string | number

Optionalstyle

style?: CSSProperties

Optionalsummary

summary?: string

OptionalsuppressContentEditableWarning

suppressContentEditableWarning?: boolean

OptionalsuppressHydrationWarning

suppressHydrationWarning?: boolean

OptionaltabIndex

tabIndex?: number

Optionaltarget

target?: string

Optionaltitle

title?: string

Optionaltitles

titles?: PaginationTitles

Object with titles to display in pagination.

OptionaltoggleTemplate

toggleTemplate?: string | ((props: PaginationToggleTemplateProps) => ReactElement<any, string | JSXElementConstructor<any>>)

This will be shown in pagination toggle span. You can use firstIndex, lastIndex, itemCount, itemsTitle, and/or ofWord props.

Optionaltranslate

translate?: "yes" | "no"

Optionaltype

type?: string

Optionaltypeof

typeof?: string

Optionalunselectable

unselectable?: "off" | "on"

OptionaluseMap

useMap?: string

Optional BetausePageInsets

usePageInsets?: boolean

Flag indicating that pagination should use page insets.

Optionalvalue

value?: string | number | readonly string[]

Optionalvariant

variant?: "top" | "bottom" | PaginationVariant

Position where pagination is rendered.

Optionalvocab

vocab?: string

OptionalwidgetId

widgetId?: string

Id to ideintify widget on page.

Optionalwidth

width?: string | number

Optionalwmode

wmode?: string

Optionalwrap

wrap?: string

Settings

Member Visibility

On This Page

Properties
aboutacceptacceptCharsetaccessKeyactionallowFullScreenallowTransparencyaltaria-activedescendantaria-atomicaria-autocompletearia-braillelabelaria-brailleroledescriptionaria-busyaria-checkedaria-colcountaria-colindexaria-colindextextaria-colspanaria-controlsaria-currentaria-describedbyaria-descriptionaria-detailsaria-disabledaria-dropeffectaria-errormessagearia-expandedaria-flowtoaria-grabbedaria-haspopuparia-hiddenaria-invalidaria-keyshortcutsaria-labelaria-labelledbyaria-levelaria-livearia-modalaria-multilinearia-multiselectablearia-orientationaria-ownsaria-placeholderaria-posinsetaria-pressedaria-readonlyaria-relevantaria-requiredaria-roledescriptionaria-rowcountaria-rowindexaria-rowindextextaria-rowspanaria-selectedaria-setsizearia-sortaria-valuemaxaria-valueminaria-valuenowaria-valuetextasasyncautoCapitalizeautoCompleteautoCorrectautoFocusautoPlayautoSavecapturecellPaddingcellSpacingchallengecharSetcheckedchildrenciteclassIDclassNamecolorcolscolSpancontentcontentEditablecontextMenucontrolscoordscrossOrigindangerouslySetInnerHTMLdatadatatypedateTimedefaultdefaultCheckeddefaultValuedeferdirdisableddownloaddraggabledropDirectionencTypeenterKeyHintfirstPageformformActionformEncTypeformMethodformNoValidateformTargetframeBorderheadersheighthiddenhighhrefhrefLanghtmlForhttpEquividinlistinputModeinsetintegrityisisCompactisDisabledisLastFullPageShownisStaticisStickyitemCountitemIDitemPropitemRefitemScopeitemsEnditemsStartitemTypekeykeyParamskeyTypekindlabellanglistlooplowmanifestmarginHeightmarginWidthmaxmaxLengthmediamediaGroupmenuAppendTomethodminminLengthmultiplemutednamenoncenoValidateoffsetonAbortonAbortCaptureonAnimationEndonAnimationEndCaptureonAnimationIterationonAnimationIterationCaptureonAnimationStartonAnimationStartCaptureonAuxClickonAuxClickCaptureonBeforeInputonBeforeInputCaptureonBluronBlurCaptureonCanPlayonCanPlayCaptureonCanPlayThroughonCanPlayThroughCaptureonChangeonChangeCaptureonClickonClickCaptureonCompositionEndonCompositionEndCaptureonCompositionStartonCompositionStartCaptureonCompositionUpdateonCompositionUpdateCaptureonContextMenuonContextMenuCaptureonCopyonCopyCaptureonCutonCutCaptureonDoubleClickonDoubleClickCaptureonDragonDragCaptureonDragEndonDragEndCaptureonDragEnteronDragEnterCaptureonDragExitonDragExitCaptureonDragLeaveonDragLeaveCaptureonDragOveronDragOverCaptureonDragStartonDragStartCaptureonDroponDropCaptureonDurationChangeonDurationChangeCaptureonEmptiedonEmptiedCaptureonEncryptedonEncryptedCaptureonEndedonEndedCaptureonErroronErrorCaptureonFirstClickonFocusonFocusCaptureonGotPointerCaptureonGotPointerCaptureCaptureonInputonInputCaptureonInvalidonInvalidCaptureonKeyDownonKeyDownCaptureonKeyPressonKeyPressCaptureonKeyUponKeyUpCaptureonLastClickonLoadonLoadCaptureonLoadedDataonLoadedDataCaptureonLoadedMetadataonLoadedMetadataCaptureonLoadStartonLoadStartCaptureonLostPointerCaptureonLostPointerCaptureCaptureonMouseDownonMouseDownCaptureonMouseEnteronMouseLeaveonMouseMoveonMouseMoveCaptureonMouseOutonMouseOutCaptureonMouseOveronMouseOverCaptureonMouseUponMouseUpCaptureonNextClickonPageInputonPasteonPasteCaptureonPauseonPauseCaptureonPerPageSelectonPlayonPlayCaptureonPlayingonPlayingCaptureonPointerCancelonPointerCancelCaptureonPointerDownonPointerDownCaptureonPointerEnteronPointerLeaveonPointerMoveonPointerMoveCaptureonPointerOutonPointerOutCaptureonPointerOveronPointerOverCaptureonPointerUponPointerUpCaptureonPreviousClickonProgressonProgressCaptureonRateChangeonRateChangeCaptureonResetonResetCaptureonResizeonResizeCaptureonScrollonScrollCaptureonSeekedonSeekedCaptureonSeekingonSeekingCaptureonSelectonSelectCaptureonSetPageonStalledonStalledCaptureonSubmitonSubmitCaptureonSuspendonSuspendCaptureonTimeUpdateonTimeUpdateCaptureonTouchCancelonTouchCancelCaptureonTouchEndonTouchEndCaptureonTouchMoveonTouchMoveCaptureonTouchStartonTouchStartCaptureonTransitionEndonTransitionEndCaptureonVolumeChangeonVolumeChangeCaptureonWaitingonWaitingCaptureonWheelonWheelCaptureopenoptimumouiaIdouiaSafepagepatternperPageperPageOptionsplaceholderplaysInlineposterprefixpreloadpropertyradioGroupreadOnlyrefrelrequiredresourceresultsrevreversedrolerowsrowSpansandboxscopescopedscrollingseamlesssecurityselectedshapesizesizesslotspanspellChecksrcsrcDocsrcLangsrcSetstartstepstylesummarysuppressContentEditableWarningsuppressHydrationWarningtabIndextargettitletitlestoggleTemplatetranslatetypetypeofunselectableuseMapusePageInsetsvaluevariantvocabwidgetIdwidthwmodewrap