RtkGridPagination

Last updated Oct 19, 2026 Pagination controls for navigating between pages of participants in the grid. Shows page numbers and navigation arrows.

Properties

Property Type Required Default Description
meeting RealtimeKitClient ✅ - The RealtimeKit meeting instance
iconPack IconPack ❌ defaultIconPack Custom icon pack
states States ❌ - UI state object
t RtkI18n ❌ - i18n translation function

Usage Examples

Basic Usage

import { RtkGridPagination } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
    return <RtkGridPagination meeting={meeting} />;
}

With Properties

import { RtkGridPagination } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
    return (
        <RtkGridPagination
            meeting={meeting}
            iconPack={customIconPack}
            states={states}
        />
    );
}

Was this helpful?

YesNo

On this page

RtkGridPagination - 图1Docs

{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkgridpagination/#page","headline":"RtkGridPagination","description":"API reference for RtkGridPagination component (React Native Library)","url":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkgridpagination/","inLanguage":"en","image":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkgridpagination/og.png?v=e5272e9f91aade2a","dateModified":"2026-10-19","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}


description: API reference for RtkHeader component (React Native Library) title: RtkHeader image: https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkheader/og.png?v=0ef2644f1553b7f8


Skip to content

Documentation Index
Fetch the complete documentation index at: https://developers.cloudflare.com/realtime/llms.txt
Use this file to discover all available pages before exploring further.