--- layout: default permalink: /modal category: components title: Modal description: "The classic superimposed windows, in which you can include any content you want. Simple and powerful." ---

{{page.title}} Component

{{page.description}}


Basic structure

This is the basic structure for building a modal window.

{% highlight html %}

Modal title

All the content goes here.

{% endhighlight %}

To activate the modal, just add the .launch modifier on the .e-modal container

Warning does not include javascript
We do not include Javascript, you will have to create or investigate to add the class .launch

Modal title

All the content goes here.

Change animations

You can change the animations of the modal using one of the animations that we already include.

{% highlight html %}
{% endhighlight %}