Skip to content

Latest commit

 

History

History
83 lines (63 loc) · 1.82 KB

README.md

File metadata and controls

83 lines (63 loc) · 1.82 KB

hirst-dialog

CircleCI Travis state

hirst-dialog is a Polymer-based web component to implement web dialogs.

How to use

To install the element:

$ bower install hirst-dialog

hirst-action-dialog

<hirst-action-dialog
    id="dialog"
    title="Congratulations">
    It works!
</hirst-action-dialog>

hirst-confirm-dialog

<hirst-confirm-dialog
    id="dialog"
    title="Congratulations"
    confirm-title="CONFIRM"
    dismiss-title="DISMISS">
    It works!
</hirst-confirm-dialog>

Disable Patch

The component involves patch, the workaround of bugs that may happen on different targets. The bugs can be fixed with the patch, e.g. Wrong caret position bug on iOS 11.

By default, the patch is enabled, but it can't be disabled with the following:

<body hirst-dialog-patch="disabled">
    ...
</body>

Development

Prerequisites

Polymer CLI and Bower should be installed globally.

$ npm install polymer-cli --global
$ npm install bower --global

Then install all components required in the project:

$ bower install

Viewing element

To view reusable component on the browser:

$ polymer serve

Then open the browser and go to the url the terminal or console implies, something like this:

http://localhost:3030/components/hirst-dialog/

Or you may indicate different hostname and port to serve from

$ polymer serve --hostname 10.20.21.51 --port 80

Running Tests

$ polymer test