# @univerjs-pro/docs-reference-ui

- Human documentation: [https://docs.univer.ai/reference/packages/plugins/univerjs-pro/docs-reference-ui](https://docs.univer.ai/reference/packages/plugins/univerjs-pro/docs-reference-ui)

- Agent Markdown: [https://docs.univer.ai/reference/packages/plugins/univerjs-pro/docs-reference-ui.md](https://docs.univer.ai/reference/packages/plugins/univerjs-pro/docs-reference-ui.md)

- Requested language: `en-US`

- Content language: `en-US`

- Documentation version: `1.0.0-rc.0`

- Source: [packages/plugins/univerjs-pro/docs-reference-ui.mdx](https://github.com/dream-num/documentation/blob/dev/content/reference/packages/plugins/univerjs-pro/docs-reference-ui.mdx)

---

References UI and note navigation for traditional paginated Docs documents. Requires `UniverDocsReferencePlugin` and `UniverDocsUIPlugin`.

```ts
import { UniverDocsReferenceUIPlugin } from '@univerjs-pro/docs-reference-ui'
import ReferenceLocale from '@univerjs-pro/docs-reference-ui/locale/en-US'
import { LocaleType } from '@univerjs/core'

import '@univerjs-pro/docs-reference-ui/lib/index.css'

univerAPI.loadLocales(LocaleType.EN_US, ReferenceLocale)
univer.registerPlugin(UniverDocsReferenceUIPlugin)
```

Load the locale matching your editor. See [Footnotes and endnotes](https://docs.univer.ai/guides/docs/features/footnotes.md) for the complete setup. `UniverDocsAdvancedPreset` already includes this plugin.