# @univerjs-pro/slides-ui

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

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

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

- Requested language: `ko-KR`

- Content language: `en-US`

- Documentation version: `1.0.4`

- 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/ko-KR/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/ko-KR/reference/facade/univer.md#updatemenuconfig) at runtime. [`createMenu()` and `createSubmenu()`](https://docs.univer.ai/ko-KR/reference/packages/plugins/univerjs/ui.md#ifacademenuitem) also accept placement options. See the [Slides menu guide](https://docs.univer.ai/ko-KR/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.

## Entry Points

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