# Pagination

Navigation component for paginated content

## Example

## Pagination

Navigation component for paginated content

**Source:** [`packages/appkit-ui/src/react/ui/pagination.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/pagination.tsx)

### Props

This component extends standard HTML element attributes.

### Usage

```tsx
import { Pagination } from '@databricks/appkit-ui';

```

## PaginationContent

Container for pagination items

**Source:** [`packages/appkit-ui/src/react/ui/pagination.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/pagination.tsx)

### Props

This component extends standard HTML element attributes.

### Usage

```tsx
import { PaginationContent } from '@databricks/appkit-ui';

```

## PaginationEllipsis

Ellipsis indicator for skipped page numbers

**Source:** [`packages/appkit-ui/src/react/ui/pagination.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/pagination.tsx)

### Props

This component extends standard HTML element attributes.

### Usage

```tsx
import { PaginationEllipsis } from '@databricks/appkit-ui';

```

## PaginationItem

Individual pagination item wrapper

**Source:** [`packages/appkit-ui/src/react/ui/pagination.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/pagination.tsx)

### Props

This component extends standard HTML element attributes.

### Usage

```tsx
import { PaginationItem } from '@databricks/appkit-ui';

```

## PaginationLink

Clickable link for navigating to a specific page

**Source:** [`packages/appkit-ui/src/react/ui/pagination.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/pagination.tsx)

### Props

| Prop | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `isActive` | `boolean` |  | - | - |
| `size` | `"default" \| "sm" \| "lg" \| "icon" \| "icon-sm" \| "icon-lg" \| null` |  | `icon` | - |

### Usage

```tsx
import { PaginationLink } from '@databricks/appkit-ui';

```

## PaginationNext

Button for navigating to the next page

**Source:** [`packages/appkit-ui/src/react/ui/pagination.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/pagination.tsx)

### Props

| Prop | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `isActive` | `boolean` |  | - | - |
| `size` | `"default" \| "sm" \| "lg" \| "icon" \| "icon-sm" \| "icon-lg" \| null` |  | - | - |

### Usage

```tsx
import { PaginationNext } from '@databricks/appkit-ui';

```

## PaginationPrevious

Button for navigating to the previous page

**Source:** [`packages/appkit-ui/src/react/ui/pagination.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/pagination.tsx)

### Props

| Prop | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `isActive` | `boolean` |  | - | - |
| `size` | `"default" \| "sm" \| "lg" \| "icon" \| "icon-sm" \| "icon-lg" \| null` |  | - | - |

### Usage

```tsx
import { PaginationPrevious } from '@databricks/appkit-ui';

```