UNPKG

@neynar/ui

Version:

React UI component library built on shadcn/ui and Tailwind CSS

60 lines (47 loc) 1.25 kB
# PaginationContent **Type**: component Container for pagination navigation items A semantic unordered list that houses all pagination controls in a responsive horizontal layout. Provides proper spacing and alignment for pagination items while maintaining accessibility standards. ## JSX Usage ```jsx import { PaginationContent } from '@neynar/ui'; <PaginationContent className="value" id="value" tabIndex={0} "aria-label"="value" > {/* Your content here */} </PaginationContent> ``` ## Component Props ### className - **Type**: `string` - **Required**: No - **Description**: No description available ### children - **Type**: `React.ReactNode` - **Required**: No - **Description**: No description available ### id - **Type**: `string` - **Required**: No - **Description**: No description available ### tabIndex - **Type**: `number` - **Required**: No - **Description**: No description available ### "aria-label" - **Type**: `string` - **Required**: No - **Description**: No description available ## Examples ```tsx <PaginationContent> <PaginationItem> <PaginationPrevious href="/prev" /> </PaginationItem> <PaginationItem> <PaginationLink href="/page/1">1</PaginationLink> </PaginationItem> </PaginationContent> ```