# @atlaskit/editor-toolbar-model

> register and render toolbar component

Latest version **1.2.112** (published 2026-10-22) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @atlaskit/editor-toolbar-model
pnpm add @atlaskit/editor-toolbar-model
yarn add @atlaskit/editor-toolbar-model
bun add @atlaskit/editor-toolbar-model
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.2.112 |
| Published | 2026-10-22 |
| First published | 2025-08-01 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 53 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Atlassian Pty Ltd |
| Maintainers | atlassianartifactteam |

## Links

- npm: https://www.npmjs.com/package/@atlaskit/editor-toolbar-model
- Repository: https://bitbucket.org/atlassian/atlassian-frontend-mirror
- Homepage: https://bitbucket.org/atlassian/atlassian-frontend-mirror#readme
- Issues: https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues
- npm.io page: https://npm.io/package/@atlaskit/editor-toolbar-model

## Dependencies (5)

- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.0.0
- [@compiled/react](https://npm.io/package/@compiled/react.md) ^1.0.2
- [@atlaskit/tokens](https://npm.io/package/@atlaskit/tokens.md) ^20.7.0
- [@atlaskit/tmp-editor-statsig](https://npm.io/package/@atlaskit/tmp-editor-statsig.md) ^245.0.0
- [@atlaskit/react-compiler-gating](https://npm.io/package/@atlaskit/react-compiler-gating.md) ^0.2.0

## Recent versions

- 1.2.112 (latest) — 2026-10-22
- 1.2.111 — 2026-10-21
- 1.2.110 — 2026-10-21
- 1.2.109 — 2026-10-19
- 1.2.108 — 2026-10-19
- 1.2.107 — 2026-10-14
- 1.2.106 — 2026-10-14
- 1.2.105 — 2026-10-14
- 1.2.104 — 2026-10-14
- 1.2.103 — 2026-10-13
- 1.2.102 — 2026-10-13
- 1.2.101 — 2026-10-13
- 1.2.99 — 2026-10-12
- 1.2.98 — 2026-10-10
- 1.2.97 — 2026-10-09
- … 228 more at https://npm.io/package/@atlaskit/editor-toolbar-model/versions

## README

# Editor Toolbar Mode

This package enforces a toolbar structure by exposing a simple registry API for components, and providing a react based toolbar model used for rendering an entire toolbar.

## Usage

Register toolbar components

```ts
import { createComponentRegistry, type RegisterToolbar } from '@atlaskit/editor-toolbar-model';

const registry = createComponentRegistry()

registry.register([
    {
        type: 'toolbar'
        key: 'inline-toolbar'
    } as RegisterToolbar
])

```

Get all registered components

```ts
import { createComponentRegistry } from '@atlaskit/editor-toolbar-model';

const { components } = registry;

console.log(components)

```

Process all toolbar components

```ts
import { ToolbarModel, createComponentRegistry } from '@atlaskit/editor-toolbar-model';


return <ToolbarModel components={registry.components} item={{ type: 'toolbar', key: 'inline-toolbar' }} />

```

---
_Source: https://npm.io/package/@atlaskit/editor-toolbar-model · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._