1.0.11 • Published 2 months ago

@synerise/ds-popconfirm v1.0.11

Weekly downloads
4
License
ISC
Repository
github
Last release
2 months ago

id: popconfirm

title: Popconfirm

Popconfirm UI Component

Installation

npm i @synerise/ds-popconfirm
or
yarn add @synerise/ds-popconfirm

Usage

import Popconfirm from '@synerise/ds-popconfirm';

<Popconfirm title="title" onConfirm={() => alert('confirm')} onCancel={() => alert('cancel')}>
  <button>text</button>
</Popconfirm>;

Demo

API

PropertyDescriptionTypeDefault
cancelTextText of the Cancel buttonstringCancel
okTextText of the Confirm buttonstringOK
okTypeButton type of the Confirm buttonstringprimary
titleTitle of the confirmation boxstring / React.ReactNode-
descriptionDescription of the confirmation boxstring / React.ReactNode-
imagesUrls of images displayed as a carouselstring[][]
imagesAutoplayWhether to autoplay imagesbooleanfalse
imagesAutoplaySpeedSpeed of autoplay msnumber5000
onCancelCallback of cancel(e: Event) => void-
onConfirmCallback of confirmation(e: Event) => void-
iconCustomize icon of confirmationReact.ReactNode<Icon type="exclamation-circle" />
disabledWhether component is disabledbooleanfalse
withLinkText with highlited textReact.ReactNode-
closeIconIcon to close popconfirmReact.ReactNode-
hideButtonsprop to hide buttonsReact.ReactNode-
titlePaddingprop to set paddingbooleanfalse
buttonsAlignSets footer buttons align'right' / 'left' / undefined'right'

Popcofirm.ConfirmMessage

Usage

import Popconfirm from '@synerise/ds-popconfirm';

<Popconfirm.ConfirmMessage
    title='Copied! Keep it somewhere safe.'
    icon={<Icon component={<WarningFillM />} color={'#ffc300'} />}
    displayDuration={5000}
    placement='topLeft'}
    onClick={(showMessage) => {
      do sth...
      showMessage();
    }}
>
    <Button>
        Click
    </Button>
</Popconfirm.ConfirmMessage>

Demo

API

PropertyDescriptionTypeDefault
titletext confirm messagestring-
iconicon componentReact.ReactNode-
displayDurationconfirm message display time in msnumber5000
placementposition of confirm message left, top, right, bottom, topLeft, topRight, bottomLeft, bottomRight, leftTop, leftBottom,, rightTop, rightBottomstringtopLeft
onClickmethod which returns a showConfirmMessage callback(showConfirmMessage: () => void) => void-
1.0.2

4 months ago

1.0.1

5 months ago

1.0.0

5 months ago

1.0.9

2 months ago

1.0.8

3 months ago

1.0.7

3 months ago

1.0.6

3 months ago

1.0.5

4 months ago

1.0.4

4 months ago

1.0.3

4 months ago

1.0.11

2 months ago

1.0.10

2 months ago

0.11.4

5 months ago

0.11.3

5 months ago

0.11.2

5 months ago

0.11.0

6 months ago

0.11.1

6 months ago

0.10.67

6 months ago

0.10.66

7 months ago

0.10.58

9 months ago

0.10.59

9 months ago

0.10.61

8 months ago

0.10.62

8 months ago

0.10.63

8 months ago

0.10.64

8 months ago

0.10.60

8 months ago

0.10.65

8 months ago

0.10.56

9 months ago

0.10.57

9 months ago

0.10.55

9 months ago

0.10.53

10 months ago

0.10.54

10 months ago

0.10.50

11 months ago

0.10.51

11 months ago

0.10.52

11 months ago

0.10.38

1 year ago

0.10.39

1 year ago

0.10.40

1 year ago

0.10.41

1 year ago

0.10.42

1 year ago

0.10.47

11 months ago

0.10.48

11 months ago

0.10.49

11 months ago

0.10.43

1 year ago

0.10.44

1 year ago

0.10.45

12 months ago

0.10.46

12 months ago

0.10.37

1 year ago

0.10.36

1 year ago

0.10.35

1 year ago

0.10.34

1 year ago

0.10.33

1 year ago

0.10.32

1 year ago

0.10.31

1 year ago

0.10.30

1 year ago

0.10.29

1 year ago

0.10.28

1 year ago

0.10.27

1 year ago

0.10.26

1 year ago

0.10.25

2 years ago

0.10.24

2 years ago

0.10.23

2 years ago

0.10.22

2 years ago

0.10.21

2 years ago

0.10.18

2 years ago

0.10.19

2 years ago

0.10.14

2 years ago

0.10.15

2 years ago

0.10.16

2 years ago

0.10.17

2 years ago

0.10.11

2 years ago

0.10.12

2 years ago

0.10.13

2 years ago

0.10.20

2 years ago

0.10.10

2 years ago

0.10.9

2 years ago

0.10.6

2 years ago

0.10.7

2 years ago

0.10.8

2 years ago

0.10.4

2 years ago

0.10.5

2 years ago

0.10.3

2 years ago

0.10.1

3 years ago

0.10.2

3 years ago

0.10.0

3 years ago

0.9.12

3 years ago

0.9.13

3 years ago

0.9.9

3 years ago

0.9.10

3 years ago

0.9.11

3 years ago

0.9.6

3 years ago

0.9.4

3 years ago

0.9.5

3 years ago

0.9.3

3 years ago

0.9.0

4 years ago

0.9.2

3 years ago

0.9.1

4 years ago

0.8.5

4 years ago

0.8.4

4 years ago

0.8.1

4 years ago

0.8.0

4 years ago

0.8.3

4 years ago

0.8.2

4 years ago

0.7.3

4 years ago

0.7.2

4 years ago

0.7.1

4 years ago

0.7.0

4 years ago

0.6.36

4 years ago

0.6.38

4 years ago

0.6.37

4 years ago

0.6.34

4 years ago

0.6.35

4 years ago

0.6.33

4 years ago

0.6.32

4 years ago

0.6.31

4 years ago

0.6.30

4 years ago

0.6.29

4 years ago

0.6.28

4 years ago

0.6.27

4 years ago

0.6.26

4 years ago

0.6.23

4 years ago

0.6.20

4 years ago

0.6.18

4 years ago

0.6.19

4 years ago

0.6.17

4 years ago

0.6.16

4 years ago

0.6.15

4 years ago

0.6.14

4 years ago

0.6.13

4 years ago

0.6.9

4 years ago

0.6.10

4 years ago

0.6.12

4 years ago

0.6.11

4 years ago

0.6.8

4 years ago

0.6.7

4 years ago

0.6.6

4 years ago

0.6.5

4 years ago

0.6.4

4 years ago

0.6.3

4 years ago

0.6.2

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.41

4 years ago

0.5.40

4 years ago

0.5.39

4 years ago

0.5.37

5 years ago

0.5.36

5 years ago

0.5.35

5 years ago

0.5.34

5 years ago

0.5.33

5 years ago

0.5.32

5 years ago

0.5.31

5 years ago

0.5.30

5 years ago

0.5.29

5 years ago

0.5.28

5 years ago

0.5.27

5 years ago

0.5.26

5 years ago

0.5.25

5 years ago

0.5.24

5 years ago

0.5.23

5 years ago

0.5.22

5 years ago

0.5.21

5 years ago

0.5.20

5 years ago

0.5.19

5 years ago

0.5.18

5 years ago

0.5.16

5 years ago

0.5.17

5 years ago

0.5.15

5 years ago

0.5.14

5 years ago

0.5.12

5 years ago

0.5.11

5 years ago

0.5.10

5 years ago

0.5.9

5 years ago

0.5.8

5 years ago

0.5.7

5 years ago

0.5.6

5 years ago

0.5.5

5 years ago

0.5.4

5 years ago

0.5.3

5 years ago

0.5.2

5 years ago

0.5.1

5 years ago

0.5.0

5 years ago

0.4.30

5 years ago

0.4.29

5 years ago

0.4.28

5 years ago

0.4.27

5 years ago

0.4.26

5 years ago

0.4.25

5 years ago

0.4.24

5 years ago

0.4.23

5 years ago

0.4.22

5 years ago

0.4.21

5 years ago

0.4.20

5 years ago

0.4.19

5 years ago

0.4.18

5 years ago

0.4.17

5 years ago

0.4.15

5 years ago

0.4.16

5 years ago

0.4.14

5 years ago

0.4.13

5 years ago

0.4.12

5 years ago

0.4.11

5 years ago

0.4.10

5 years ago

0.4.9

5 years ago

0.4.8

5 years ago

0.4.7

5 years ago

0.4.6

5 years ago

0.4.5

5 years ago

0.4.4

5 years ago

0.4.3

5 years ago

0.4.2

5 years ago

0.4.1

5 years ago

0.4.0

5 years ago

0.3.16

5 years ago

0.3.15

5 years ago

0.3.14

5 years ago

0.3.13

5 years ago

0.3.12

5 years ago

0.3.11

5 years ago

0.3.10

5 years ago

0.3.9

5 years ago

0.3.8

5 years ago

0.3.7

5 years ago

0.3.6

5 years ago

0.3.5

5 years ago

0.3.4

5 years ago

0.3.3

5 years ago

0.3.2

5 years ago

0.3.1

5 years ago

0.3.0

5 years ago

0.2.34

5 years ago

0.2.33

5 years ago

0.2.32

5 years ago

0.2.30

5 years ago

0.2.31

5 years ago

0.2.29

5 years ago

0.2.28

5 years ago

0.2.27

5 years ago

0.2.26

5 years ago

0.2.25

5 years ago

0.2.24

5 years ago

0.2.23

5 years ago

0.2.22

5 years ago

0.2.21

5 years ago

0.2.20

5 years ago

0.2.19

5 years ago

0.2.18

5 years ago

0.2.17

5 years ago

0.2.16

5 years ago

0.2.15

5 years ago

0.2.14

5 years ago

0.2.13

5 years ago

0.2.12

5 years ago

0.2.11

5 years ago

0.2.10

6 years ago

0.2.9

6 years ago

0.2.8

6 years ago

0.2.7

6 years ago

0.2.6

6 years ago

0.2.5

6 years ago

0.2.4

6 years ago

0.2.3

6 years ago

0.2.2

6 years ago

0.2.1

6 years ago

0.2.0

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.0.1

6 years ago