# NavigationControlOptions

## Content

# Type Alias: NavigationControlOptions

```ts
type NavigationControlOptions = object;
```

Configuration options for the Page Navigation toolbar component

## Properties

### buttonSizing?

```ts
optional buttonSizing: "compact" | "standard" | number;
```

Controls the sizing of navigation buttons
- 'compact': 30px width
- 'standard': 40px width
- number: Custom width in pixels

#### Default

```ts
'compact'
```

***

### emptyPageCounterFormat?

```ts
optional emptyPageCounterFormat: string;
```

Display text when no document is loaded

#### Default

```ts
"-- / --"
```

***

### pageCounterFormat?

```ts
optional pageCounterFormat: string;
```

Custom format for the page counter text
Available placeholders:
- {{current}}: Current page number
- {{total}}: Total page count

#### Default

```ts
"{{current}} / {{total}}"
```

***

### pageInputWidth?

```ts
optional pageInputWidth: number;
```

Width of the page input container in pixels

#### Default

```ts
70
```

#### Minimum

50

***

### showFirstButton?

```ts
optional showFirstButton: boolean;
```

Show/hide the 'First Page' navigation button

#### Default

```ts
false
```

***

### showLastButton?

```ts
optional showLastButton: boolean;
```

Show/hide the 'Last Page' navigation button

#### Default

```ts
false
```

***

### showNextButton?

```ts
optional showNextButton: boolean;
```

Show/hide the 'Next Page' navigation button

#### Default

```ts
true
```

***

### showPageInput?

```ts
optional showPageInput: boolean;
```

Show/hide the page number input and counter display

#### Default

```ts
true
```

***

### showPrevButton?

```ts
optional showPrevButton: boolean;
```

Show/hide the 'Previous Page' navigation button

#### Default

```ts
true
```