> For the complete documentation index, see [llms.txt](https://docs.navigaglobal.com/dashboard-plugin/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.navigaglobal.com/dashboard-plugin/components/modal.md).

# Modal

It is super easy to create your own Dashboard modals for your plugin. Just extend the Modal class exposed on the Dashboard object.

### What does Modal look like?

```jsx
import { Plugin }from '@root'

class MyModal extends Plugin.Modal {
    render() {
        return (
            <div>
                <p>{'Look at my Modal, my Modal is amazing'}</p>
            </div>
        )
    }
}
```

### How can i open a Modal?

{% content-ref url="/pages/-MS3d\_5RVCkeTKahcl2V" %}
[openModal](/dashboard-plugin/api-and-gui/api/openmodal.md)
{% endcontent-ref %}