@neynar/ui/llm-docs/pagination-item.llm.md

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

# PaginationItem

**Type**: component

Individual list item wrapper for pagination controls A semantic list item that wraps pagination links, buttons, or ellipsis elements. Provides consistent structure and enables proper keyboard navigation between pagination controls.

## JSX Usage

```jsx
import { PaginationItem } from '@neynar/ui';

<PaginationItem
  className="value"
  id="value"
  tabIndex={0}
  "aria-label"="value"
>
  {/* Your content here */}
</PaginationItem>
```

## Component Props

### children
- **Type**: `React.ReactNode`
- **Required**: No
- **Description**: No description available

### className
- **Type**: `string`
- **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
<PaginationItem>
  <PaginationLink href="/page/1">1</PaginationLink>
</PaginationItem>
<PaginationItem>
  <PaginationEllipsis />
</PaginationItem>
```
/