# @univerjs-pro/slides-ui

> Language fallback: requested `ru-RU`; content is `en-US`.

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

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

- Requested language: `ru-RU`

- Content language: `en-US`

- Documentation version: `1.2.0`

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

---

Canvas, sidebar, playback, insertion tools, editable SmartArt commands, and object rendering UI for Univer Slides in Web SDK.

```typescript
import { UniverSlidesUIPlugin } from '@univerjs-pro/slides-ui'
import enUS from '@univerjs-pro/slides-ui/locale/en-US'
import '@univerjs-pro/slides-ui/lib/index.css'

univer.registerPlugin(UniverSlidesUIPlugin)
```

## Menu configuration

Configure the shared Ribbon through `UniverUIPlugin`'s [`menu` and `ribbonType` options](https://docs.univer.ai/ru-RU/reference/packages/plugins/univerjs/ui.md#menuconfig). They are not options of `UniverSlidesUIPlugin`. For example, `slide.menu.insert.text` and `slide.menu.insert.shape` accept sibling `order` and Ribbon `gridLayout` overrides.

Import `@univerjs/ui/facade` to use [`FUniver.updateMenuConfig()`](https://docs.univer.ai/ru-RU/reference/facade/univer.md#updatemenuconfig) at runtime. [`createMenu()` and `createSubmenu()`](https://docs.univer.ai/ru-RU/reference/packages/plugins/univerjs/ui.md#ifacademenuitem) also accept placement options. See the [Slides menu guide](https://docs.univer.ai/ru-RU/guides/slides/features/core.md#menu-order-and-grid-layout) for initialization and update examples.

`editor.enabled: false` skips registration of the Slides Ribbon. Overrides do not register the missing menu items.

Selection activates the relevant shape, image, or chart format tab. Mixed selections containing images or charts use common object controls. The root exports `SLIDE_CHART_FORMAT_RIBBON_TAB` for chart menu contributions, alongside `SLIDE_SHAPE_FORMAT_RIBBON_TAB` and `SLIDE_SHAPE_FORMAT_RIBBON_GROUP_ADVANCED`. See [contextual controls](https://docs.univer.ai/ru-RU/guides/slides/features/core.md#ribbon-controls).

## Entry Points

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