---
title: "View UI Component"
description: "The base View component with its own event system and Async module, used by dialogs and components that run standalone without a Jodit editor instance."
metadata:
  - name: keywords
    content: "jodit, view, ui component, dialog, standalone component, viewbased"
---
# View UI component

Jodit components [Component] require the parent component [IJodit](../interfaces/plugins_delete.IJodit.html), or [IViewBased](../interfaces/types.IViewBased.html) to work.
But Jodit itself is also a component. And for its initialization, it only needs options.

Also [Dialog](../classes/dialog.Dialog.html), it does not need a Jodit instance to run.
You can display the dialog independently of the editor.

```js
const dialog = new Jodit.module.Dialog();
dialog.setContent('Hello world!');
dialog.open();
```

Thus, if you need a component that has its own event system, its own [Async](../classes/async.Async.html) module, then you must inherit from [View](../classes/view.View.html).

```js
import { component } from 'jodit/core/decorators';
import { View } from 'jodit/core/view';

@component
class YourComponent extends View {}

const elm = new YourComponent();
elm.events.on('someEvent', () => alert('Yo'));
```


## Classes

- [ViewWithToolbar](../classes/view.ViewWithToolbar.html)
- [View](../classes/view.View.html)