# UI Descripción general

- Human documentation: [https://docs.univer.ai/es-ES/guides/boards/ui/overview](https://docs.univer.ai/es-ES/guides/boards/ui/overview)

- Agent Markdown: [https://docs.univer.ai/es-ES/guides/boards/ui/overview.md](https://docs.univer.ai/es-ES/guides/boards/ui/overview.md)

- Requested language: `es-ES`

- Content language: `es-ES`

- Documentation version: `1.2.0`

- Source: [boards/ui/overview.es-ES.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/boards/ui/overview.es-ES.mdx)

---

`@univerjs-pro/boards-ui` proporciona el lienzo con licencia de Univer Boards en el navegador. Renderiza la escena, la selección y el viewport, las barras de herramientas, los menús contextuales y la edición de texto, formas, conectores y tipos de elemento compatibles.

## Registrar la interfaz de Board

Configure `UniverLicensePlugin` antes de los plugins de Board. Docs, Drawing, Ink y Shape Editor son dependencias técnicas de renderizado y edición; usar Boards no exige conocer esos productos.

```ts
univer.registerPlugin(UniverLicensePlugin, {
  license: process.env.CLIENT_LICENSE_TEXT,
})
univer.registerPlugin(UniverBoardsPlugin)
univer.registerPlugin(UniverBoardsUIPlugin, {
  workbench: {
    content: true,
    header: false,
    headerMenu: false,
    toolbar: false,
    footer: false,
  },
  interaction: {
    minZoomRatio: 0.1,
    maxZoomRatio: 4,
    wheelZoomWithModifier: true,
    trackpadPanEnabled: true,
  },
})
```

Consulte [Instalación y uso básico](https://docs.univer.ai/es-ES/guides/boards/getting-started/installation.md) para ver el orden completo de dependencias, estilos e idiomas.

## Opciones del lienzo

`IUniverBoardsUIConfig` también controla la cuadrícula, los valores de inserción, las formas y colores de notas, las herramientas, las barras del viewport, los adaptadores de renderizado, la adición rápida, la selección precisa, las dimensiones y los cursores de colaboración.

## Configuración de menús y barra de herramientas del lienzo

Utiliza [`menu` y `updateMenuConfig()`](https://docs.univer.ai/es-ES/guides/boards/features/core.md#menu-order-and-grid-layout) para los menús contextuales. La barra independiente del lienzo Boards se configura con `toolbar.tools`; el `gridLayout` del Ribbon no la controla.