---
layout: 'default'
hljs: 	'light'
component:	'alert'
prop: 'unpin'
propType: 'm'
label: 'chainable'
---

<section class="blue">
    <div class="content">
        <div class="grid two">
            <div class="column">
                <h1> Alert Dialog</h1>
                An alert dialog is often used if you want to make sure information comes through to the user.
                When an alert dialog pops up, the user will have to click "OK" to proceed.
            </div>
            <div class="right column">
                <%- @partial('ad') %>
            </div>
        </div>
    </div>
</section>
<section class="lic">
    <div class="content">
        Looking for a commercial license ?  Keep your source code proprietary and <a href="https://www.uplabs.com/posts/alertifyjs" target="_blank"> Buy a Commercial License Today!</a>
    </div>
</section>
<section class="dark">
    <div class="content">
        <!--Settings-->
        <div class="segment has-menu">
            <%- @partial('segment',false, @getDataItem(@document.component, @document.prop)) %>
        </div>
        <!--//Settings-->
        <%- @partial('menu', true, @getDataItem(@document.component, @document.prop)) %>
    </div>
</section>