> For the complete documentation index, see [llms.txt](https://tokenscript.gitbook.io/token-negotiator/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tokenscript.gitbook.io/token-negotiator/learn/active-negotiation-ui/view-navigation.md).

# View Navigation

Custom navigation within TokenNegotiator

When building custom solutions or using the defaults there is a provided method to navigate views with `negotiator.ui.updateUI(viewName, data, viewOptions)`

| Parameters                 | Type   | Details                                            | Options                                                                    |
| -------------------------- | ------ | -------------------------------------------------- | -------------------------------------------------------------------------- |
| viewName                   | string | string definition of the view to navigate to       | 'start', 'wallet', 'main', 'any\_custom\_view\_name'                       |
| data                       | object | optional data that you wish to send to this view   | object                                                                     |
| viewOptions.viewTransition | string | the optional transition animation to load the view | 'slide-in-left' \| 'slide-in-right' \| 'slide-in-top' \| 'slide-in-bottom' |

Example usage

```
negotiator.ui.updateUI('wallet', { viewName: 'wallet' }, { viewTransition: 'slide-in-left' })
```

For support and any questions please reach out to us on [discord](https://discord.com/invite/CfvmYFyujW) or via <sayhi@smarttokenlabs.com>