# @univerjs-pro/boards-ui

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

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

- Requested language: `en-US`

- Content language: `en-US`

- Documentation version: `1.0.0-rc.0`

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

---

Canvas, viewport, selection, shape editing, connectors, sticky notes, ink interaction, toolbar, and context menu UI for Univer Boards.

```typescript
import { UniverBoardsUIPlugin } from '@univerjs-pro/boards-ui'

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

univer.registerPlugin(UniverBoardsUIPlugin)
```

## Entry Points

* Facade: `@univerjs-pro/boards-ui/facade`
* Locale: `@univerjs-pro/boards-ui/locale/*`
* Style: `@univerjs-pro/boards-ui/lib/index.css`

## Facade API

The Facade entry extends `FBoard` with settings, object-list controls, text search, viewport focus, rendered-layout analysis, and PNG screenshot capture. See the [Boards Facade reference](https://docs.univer.ai/reference/facade/boards.md#diagnostics-capture-and-ui).