@paprika/confirmation

Confirmation

The <Confirmation> component displays a confirmation panel with confirm and cancel actions

Installation

> npm install --save @paprika/confirmation or > yarn add @paprika/confirmation

Usage

import Confirmation from "@paprika/confirmation";

<Confirmation
  confirmLabel="Delete filter"
  body="Lorem ipsum dolor amet vexillologist tacos selvage narwhal butcher twee ethical hot chicken"
  onConfirm={() => handleConfirm(onClose)}
  onClose={() => handleClose(onClose)}
  heading="Delete filter?"
  renderTrigger={({ isConfirmOpen, handleOpenConfirm }) => (
    <Confirmation.Trigger isConfirmOpen={isConfirmOpen} onOpenConfirm={handleOpenConfirm}>
      Trigger
    </Confirmation.Trigger>
  )}
/>;

or

<Confirmation
  confirmLabel="Delete filter"
  body="Lorem ipsum dolor amet vexillologist tacos selvage narwhal butcher twee ethical hot chicken"
  defaultIsOpen
  onConfirm={() => handleConfirm(onClose)}
  heading="Delete filter?"
/>;

Props

• buttonSize
• confirmButtonType
• confirmLabel
• body
• defaultIsOpen
• isPending
• onClose
• onConfirm
• heading
• renderTrigger

More detail about these props