npm licensenpm downloadGitHub top languageGitHub issuesnpm version

Minimalist confirmation dialog

Can be used outside of the Enso ecosystem.

For live examples and demos, you may visit


Install the package:

yarn add @enso-ui/confirmation



This is the main bulma styled component. It has a default slot where a clickable element should be placed.

It can optionally have:

  • a confirm action button/link
  • a cancel action button/link


<confirmation placement="bottom"
    <span class="icon is-small has-text-danger">
        <fa icon="trash-alt"/>


  • default, main content goes here


The component is a base component for the confirmation component above without any styling.

It can be used for creating a custom confirmation with your CSS style of choice.

It uses the v-popover component from v-tooltip.


  • default, main content goes here
  • confirm, a custom control for the confirm action can go here, scoped, exposes the confirm method
  • cancel, a custom control for the cancel action can go here, scoped, exposes the cancel method

If a confirm/cancel control is provided, the control should call the confirm/cancel method made exposed on the slot.

Both these methods emit a confirm respectively cancel event, that should be handled on the parent, as required.


  • cancel(), closes the dialog & emits a cancel event
  • confirm(), closes the dialog & emits a confirm event

Questions & Issues

For questions and support please use the issues functionality for this package's github repository.

Please make sure to search for existing issues before creating a new issue, and when opening a new issue, fill the required information in the issue template.

Issues not conforming to the guidelines may be closed immediately.

Depends on

Built with popover from v-tooltip


are welcome. Pull requests are great, but issues are good too.

Thank you to all the people who already contributed to Enso!



Last Updated: 3/16/2019, 6:50:45 AM