1.0.11 • Published 1 month ago

@synerise/ds-popconfirm v1.0.11

Weekly downloads
4
License
ISC
Repository
github
Last release
1 month 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

4 months ago

1.0.0

4 months ago

1.0.9

2 months ago

1.0.8

2 months ago

1.0.7

2 months ago

1.0.6

3 months ago

1.0.5

3 months ago

1.0.4

3 months ago

1.0.3

3 months ago

1.0.11

1 month ago

1.0.10

1 month ago

0.11.4

4 months ago

0.11.3

4 months ago

0.11.2

4 months ago

0.11.0

5 months ago

0.11.1

5 months ago

0.10.67

6 months ago

0.10.66

6 months ago

0.10.58

8 months ago

0.10.59

8 months ago

0.10.61

8 months ago

0.10.62

8 months ago

0.10.63

7 months ago

0.10.64

7 months ago

0.10.60

8 months ago

0.10.65

7 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

9 months ago

0.10.50

10 months ago

0.10.51

10 months ago

0.10.52

10 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

12 months ago

0.10.47

11 months ago

0.10.48

11 months ago

0.10.49

10 months ago

0.10.43

12 months ago

0.10.44

12 months ago

0.10.45

11 months ago

0.10.46

11 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

1 year ago

0.10.24

1 year ago

0.10.23

1 year 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

2 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

3 years ago

0.9.2

3 years ago

0.9.1

3 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

4 years ago

0.5.36

4 years ago

0.5.35

4 years ago

0.5.34

4 years ago

0.5.33

4 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

5 years ago

0.2.9

5 years ago

0.2.8

5 years ago

0.2.7

5 years ago

0.2.6

5 years ago

0.2.5

5 years ago

0.2.4

5 years ago

0.2.3

5 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