---
title: "Toolbar Module"
description: "The Jodit toolbar module that provides the editor's main toolbar, hosting button collections and controls for formatting content."
metadata:
  - name: keywords
    content: "jodit, toolbar, editor toolbar, buttons, formatting controls, ui"
---
# Toolbar

This module provides a toolbar for the application.


### makeCollection()

**makeCollection**(`jodit`, `parentElement?`): [`IToolbarCollection`](../interfaces/types.IToolbarCollection.html)

Defined in: [src/modules/toolbar/factory.ts:29](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/factory.ts#L29)

Collection factory

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `jodit` | [`IViewBased`](../interfaces/types.IViewBased.html) |
| `parentElement?` | [`IUIElement`](../interfaces/types.IUIElement.html) |

#### Returns

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html)

***

### makeButton()

**makeButton**(`jodit`, `control`, `target?`): [`IToolbarButton`](../interfaces/types.IToolbarButton.html)

Defined in: [src/modules/toolbar/factory.ts:62](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/factory.ts#L62)

Button factory

#### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `jodit` | [`IViewBased`](../interfaces/types.IViewBased.html) | `undefined` |
| `control` | [`IControlTypeStrong`](../interfaces/types.IControlTypeStrong.html) | `undefined` |
| `target` | [`Nullable`](./types.html#nullable)\<[`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)\> | `null` |

#### Returns

[`IToolbarButton`](../interfaces/types.IToolbarButton.html)

***

### makeSelect()

**makeSelect**(`view`, `control`, `target?`): [`IToolbarButton`](../interfaces/types.IToolbarButton.html)

Defined in: [src/modules/toolbar/factory.ts:86](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/factory.ts#L86)

#### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `view` | [`IViewBased`](../interfaces/types.IViewBased.html) | `undefined` |
| `control` | [`IControlTypeStrong`](../interfaces/types.IControlTypeStrong.html) | `undefined` |
| `target` | [`Nullable`](./types.html#nullable)\<[`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)\> | `null` |

#### Returns

[`IToolbarButton`](../interfaces/types.IToolbarButton.html)