# @univerjs-pro/embed-unit-ui

> Language fallback: requested `ko-KR`; content is `en-US`.

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

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

- Requested language: `ko-KR`

- Content language: `en-US`

- Documentation version: `1.0.4`

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

---

Referenced Unit viewer UI for embedding and selecting Sheets, Docs, and Bases content in Web SDK.

```typescript
import type { IUniverEmbedUnitUIPluginConfig } from '@univerjs-pro/embed-unit-ui'
import { UniverEmbedUnitUIPlugin } from '@univerjs-pro/embed-unit-ui'

univer.registerPlugin(UniverEmbedUnitUIPlugin, config)
```

## Public exports

* `ReferencedUnitViewer`
* `ReferencedDataSelector` and `IReferencedDataSelectorProps`
* `IReferencedUnitViewerService`
* `ReferencedUnitSelectionKind`
* `ReferencedUnitViewerStatus`
* `IReferencedUnitSelection`, `IReferencedUnitSelectionDecoration`, `IReferencedUnitViewerSession`, and `IReferencedUnitViewerState`

`ReferencedDataSelector` accepts `value: IResourceRef | null`, `onChange(value)`, and optional `className` and `mobile` props. Use it inside Univer's DI context to select referenced data for a custom host editor. Chart reference loading is provided separately by [`@univerjs-pro/chart-embed`](https://docs.univer.ai/ko-KR/reference/packages/plugins/univerjs-pro/chart-embed.md).

## Entry points

* Locale: `@univerjs-pro/embed-unit-ui/locale/*`