Skip to content

component/confirmation-popover

Repository files navigation

Confirmation Popover

Popover confirmation component built on top of Popover.

js popover confirmation component

Live demo is here.

Installation

$ component install component/confirmation-popover

Features

  • all the features of Popover / Tip

Events

  • show the confirmation is shown
  • hide the confirmation is hidden
  • cancel the user closed the confirmation or cancelled
  • ok the user accepted

API

new ConfirmationPopover(msg, [title])

Create a new popover with msg and optional title.

var Confirmation = require('confirmation-popover');
var confirm = new Confirmation('This action cannot be undone.', 'Delete tobi?');
confirm.show(el);

.focus(type)

By default the "cancel" button is focused, however you may invoke .focus('ok').

.cancel(text)

Set cancel button text.

.ok(text)

Set cancel ok text.

.show(el, [fn])

Attach to el, and invoke fn with a boolean representing the user's choice.

When fn is omitted you may still utilize the cancel / ok events.

...

View Tip and Popover for additional API documentation.

License

MIT