Skip to main content

Popconfirm

A simple and compact confirmation dialog of an action.

Usage​

import React from 'react';
import { Popconfirm } from 'qdm-component-library';

function App() {
    const [popconfirm, setpopconfirm] = React.useState(false)
       const handlepopconfirm = () => {
        setpopconfirm(!popconfirm)
    }
  return ( 
      <Popconfirm   
       open={popconfirm} 
       onAdd={() => handlepopconfirm()} 
       onClose={() => handlepopconfirm()} 
       message={"Are you sure you want to delete this element?"}
      />
   );
}
export default App;

Reference​

open​

props for adding the popconfirm and if the boolean true the popconfirm appears

onAddText​

props for adding the text what you want to submit the popconfirm, its elements type is string

onCloseText​

props for adding the text what you want to close the popconfirm, its elements type is string

onAdd​

props give addition props to submit the popconfirm, its elements type is function

onClose​

props give addition props to close the popconfirm, its elements type is function

onCloseText​

props for adding the text what you want to close the popconfirm, its elements type is string

message​

props shows the message what you want to popconfirm, its element type string

title​

if you want title use this title variable to popconfirm, its element type string.

inLineStyles​

props give addition props to the inLineStyles element type Object