VueJackBox

VueJackBox is a plugin to display beautiful dialogs in vue. GitHub.

Dialog state

This affects the styling on all dialogs in this demo.

Builder

Title

Message

Question

Ok button

Cancel button

Show input

Show icon

Icon

Center buttons

Dark theme

this.$dialog({{ code }})

Confirm

  this.$confirm({
    title: 'Confirm',
    message: 'This is a confirm',
    state: '{{ state }}',
  });

Alert

    this.$alert({
      title: 'Alert',
      message: 'You have been alerted!',
      state: '{{ state }}',
    });

Prompt

  this.$prompt({
    title: 'Prompt',
    message: 'This is an prompt',
    state: '{{ state }}',
    ok: {
      text: 'Confirm',
      action: (val) => { this.val = val; }),
    },
    value: this.val
  });

Notification

    this.$notification({
      title: 'Notification',
      message: 'This is an notification',
      state: '{{ state }}',
    });