---
updatedAt: 2025-09-19T18:45:56.000Z
agentTools:
  projectIndex: https://dev.tapcart.com/llms.txt
---

# presentation

Custom navigation transitions, animations and styles

#### Fields

### `type` • *enum*

##### `default`, `fullscreen`, `pop-in`

### `style` • *enum*

##### `default`, `fade`, `flip`

<br />

##### Popover transition only fields

### `snapPoints` • *array*

##### Only available on popover transition type `['40%', '65%']`

***

<Image align="center" src="https://files.readme.io/d89098add0d2113dd89c692faddc563a6e1984f9aa4337d144312c3fc00d59c9-transitions.png" />

Basic Example usage of `default` presentation

```json JSON
{
  "type": "default",
  "style": "default"
}
```

Example of `fullscreen` presentation

```json JSON
{
  "type": "fullscreen",
  "style": "default"
}
```

<br />

Example of `fullscreen` and `flip`  presentation

```json JSON
{
  "type": "fullscreen",
  "style": "flip"
}
```

<br />

Example of `pop-in` and `flip`  presentation

```json JSON
{
  "type": "pop-in",
  "style": "default",
	"snapPoints": ['.4', '.6']
}
```

Example of `drawer` and `slide-from-left`  presentation

```json JSON
{
  "type": "drawer",
  "style": "slide-from-left",
	"snapPoints": ['.9']
}
```

Example of `drawer` and `slide-from-right`  presentation

```json JSON
{
  "type": "drawer",
  "style": "slide-from-right",
	"snapPoints": ['.7']
}
```