Name Last Update
..
demo Loading commit data...
test Loading commit data...
.bower.json Loading commit data...
.gitignore Loading commit data...
README.md Loading commit data...
bower.json Loading commit data...
hero.svg Loading commit data...
index.html Loading commit data...
paper-dialog-behavior.html Loading commit data...
paper-dialog-common.css Loading commit data...

README.md

paper-dialog-behavior

paper-dialog-behavior implements behavior related to a Material Design dialog. Use this behavior and include paper-dialog-common.css in your element to implement a dialog.

paper-dialog-common.css provide styles for a header, content area, and an action area for buttons. Use the <h2> tag for the header and the buttons class for the action area. You can use the paper-dialog-scrollable element (in its own repository) if you need a scrolling content area.

Use the dialog-dismiss and dialog-confirm attributes on interactive controls to close the dialog.

For example, if <paper-dialog-impl> implements this behavior:

<paper-dialog-impl>
    <h2>Header</h2>
    <div>Dialog body</div>
    <div class="buttons">
        <paper-button dialog-dismiss>Cancel</paper-button>
        <paper-button dialog-confirm>Accept</paper-button>
    </div>
</paper-dialog-impl>