# @univerjs-pro/shape-editor-ui

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

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

- Requested language: `en-US`

- Content language: `en-US`

- Documentation version: `1.0.0-rc.0`

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

---

Reusable shape editing panels, floating toolbars, shape-text hyperlink UI, and SmartArt layout, color, quick-style, and text-pane controls for Web SDK.

```typescript
import { ShapeEditPanel } from '@univerjs-pro/shape-editor-ui'

import enUS from '@univerjs-pro/shape-editor-ui/locale/en-US'
```

## Entry Points

* Locale: `@univerjs-pro/shape-editor-ui/locale/*`

## Mobile Shape Editor

`MobileShapeEditorService` exposes the active mobile editing state through `state$` and `getState()`. Use `open(mode, shapeRef)` with the `text`, `formula`, or `style` mode, and call `close()` when the panel is dismissed.

The root entry also exports `IMobileShapeEditorState` and `MobileShapeEditorMode`.