Shapes
Plugins Info
The shape feature allows you to insert and edit shapes and drawings within a document, including basic geometric shapes, arrows, and flowchart elements.
Introduction
In Univer Docs, shapes enable you to:
- Insert geometric shapes: Add rectangles, circles, arrows, and more.
- Customize appearance: Adjust fill colors, borders, and text.
- Position freely: Place shapes anywhere in the document.
Plugin Mode
Installation
Shell
pnpm add @univerjs-pro/docs-shape @univerjs-pro/docs-shape-uiShell
npm install @univerjs-pro/docs-shape @univerjs-pro/docs-shape-uiShell
yarn add @univerjs-pro/docs-shape @univerjs-pro/docs-shape-uiShell
bun add @univerjs-pro/docs-shape @univerjs-pro/docs-shape-uiUsage
TypeScript
import { UniverDocsShapePlugin } from '@univerjs-pro/docs-shape'import { UniverDocsShapeUIPlugin } from '@univerjs-pro/docs-shape-ui'import DocsShapeUIEnUS from '@univerjs-pro/docs-shape-ui/locale/en-US'import { LocaleType, mergeLocales, Univer } from '@univerjs/core'import '@univerjs-pro/docs-shape-ui/lib/index.css'const univer = new Univer({ locale: LocaleType.EN_US, locales: { [LocaleType.EN_US]: mergeLocales( DocsShapeUIEnUS, ), },})univer.registerPlugin(UniverDocsShapePlugin)univer.registerPlugin(UniverDocsShapeUIPlugin)If you have a commercial license for Univer, please refer to Using License in Client for configuration.
How is this guide?