@neynar/ui
Version:
React UI component library built on shadcn/ui and Tailwind CSS
60 lines (47 loc) • 1.25 kB
Markdown
# 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>
```