1.0.10 • Published 1 month ago

@synerise/ds-cruds v1.0.10

Weekly downloads
149
License
ISC
Repository
github
Last release
1 month ago

id: cruds

title: Cruds

Cruds UI Component

Installation

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

Usage

import Cruds from '@synerise/ds-cruds'

<Cruds 
    onAdd={handleAdd} 
    onDelete={handleDelete} 
    onRemove={handleRemove} 
    onMove={handleMove} 
    onEdit={handleEdit} 
    onDuplicate={handleDuplicate} 
    addTooltip={'Add'} 
    deleteTooltip={'Delete'} 
    duplicateTooltip={'Duplicate'} 
    editTooltip={'Edit'} 
    moveTooltip={'Move'} 
    removeTooltip={'Remove'} 
/>

Usage SingleAction

import SingleAction from '@synerise/ds-cruds/dist/SingleAction'
<SingleAction
  className="settings"
  title={'Settings'}
  icon={<Settings2S />}
  onClick={handleClick}
/>

Demo

API

PropertyDescriptionTypeDefault
addTooltipTooltip of the add buttonReact.ReactNode / string-
duplicateTooltipTooltip of the duplicate buttonReact.ReactNode / string-
deleteTooltipTooltip of the delete button (which has a different icon than remove button)React.ReactNode / string-
editTooltipTooltip of the edit buttonReact.ReactNode / string-
moveTooltipTooltip of the move buttonReact.ReactNode / string-
removeTooltipTooltip of the remove buttonReact.ReactNode / string-
previewTooltipTooltip of the preview buttonReact.ReactNode / string-
onAddCallback executed after clicking the add button.(event: React.MouseEvent) => void-
onDuplicateCallback executed after clicking the duplicate button.(event: React.MouseEvent) => void-
onDeleteCallback executed after clicking the delete button.(event: React.MouseEvent) => void-
onEditCallback executed after clicking the edit button.(event: React.MouseEvent) => void-
onMoveCallback executed after clicking the move button.(event: React.MouseEvent) => void-
onRemoveCallback executed after clicking the remove button.(event: React.MouseEvent) => void-
onPreviewCallback executed after clicking the preview button.(event: React.MouseEvent) => 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.10

1 month ago

0.6.7

4 months ago

0.6.6

4 months ago

0.6.5

5 months ago

0.6.3

5 months ago

0.6.4

5 months ago

0.6.2

5 months ago

0.6.1

5 months ago

0.6.0

6 months ago

0.5.35

6 months ago

0.5.34

6 months ago

0.5.32

7 months ago

0.5.33

7 months ago

0.5.30

8 months ago

0.5.31

8 months ago

0.5.29

8 months ago

0.5.27

8 months ago

0.5.28

8 months ago

0.5.25

9 months ago

0.5.26

9 months ago

0.5.24

9 months ago

0.5.22

10 months ago

0.5.23

10 months ago

0.5.10

1 year ago

0.5.11

1 year ago

0.5.18

10 months ago

0.5.19

10 months ago

0.5.16

11 months ago

0.5.17

11 months ago

0.5.14

12 months ago

0.5.15

11 months ago

0.5.12

1 year ago

0.5.13

12 months ago

0.5.9

1 year ago

0.5.21

10 months ago

0.5.20

10 months ago

0.5.8

1 year ago

0.5.7

1 year ago

0.5.6

1 year ago

0.5.5

1 year ago

0.5.4

1 year ago

0.5.3

1 year ago

0.5.2

1 year ago

0.5.1

1 year ago

0.5.0

1 year ago

0.4.7

1 year ago

0.4.6

1 year ago

0.4.5

1 year ago

0.4.4

1 year ago

0.4.3

1 year ago

0.4.2

1 year ago

0.4.1

1 year ago

0.4.0

2 years ago

0.3.43

2 years ago

0.3.42

2 years ago

0.3.41

2 years ago

0.3.40

2 years ago

0.3.31

2 years ago

0.3.30

2 years ago

0.3.39

2 years ago

0.3.38

2 years ago

0.3.37

2 years ago

0.3.36

2 years ago

0.3.35

2 years ago

0.3.34

2 years ago

0.3.33

2 years ago

0.3.32

2 years ago

0.3.29

2 years ago

0.3.28

2 years ago

0.3.27

2 years ago

0.3.26

2 years ago

0.3.25

2 years ago

0.3.24

2 years ago

0.3.23

2 years ago

0.3.22

2 years ago

0.3.21

2 years ago

0.3.20

2 years ago

0.3.19

3 years ago

0.3.18

3 years ago

0.3.17

3 years ago

0.3.16

3 years ago

0.3.15

3 years ago

0.3.14

3 years ago

0.3.13

3 years ago

0.3.10

3 years ago

0.3.9

3 years ago

0.3.8

3 years ago

0.3.7

3 years ago

0.3.6

3 years ago

0.3.5

3 years ago

0.3.4

3 years ago

0.3.0

4 years ago

0.3.2

4 years ago

0.3.1

4 years ago

0.3.3

4 years ago

0.2.50

4 years ago

0.2.49

4 years ago

0.2.48

4 years ago

0.2.47

4 years ago

0.2.46

4 years ago

0.2.45

4 years ago

0.2.44

4 years ago

0.2.43

4 years ago

0.2.41

4 years ago

0.2.42

4 years ago

0.2.40

4 years ago

0.2.39

4 years ago

0.2.38

4 years ago

0.2.37

4 years ago

0.2.36

4 years ago

0.2.35

4 years ago

0.2.34

4 years ago

0.2.31

4 years ago

0.2.27

4 years ago

0.2.26

4 years ago

0.2.28

4 years ago

0.2.25

4 years ago

0.2.24

4 years ago

0.2.23

4 years ago

0.2.22

4 years ago

0.2.21

4 years ago

0.2.20

4 years ago

0.2.19

4 years ago

0.2.18

4 years ago

0.2.17

4 years ago

0.2.16

4 years ago

0.2.15

4 years ago

0.2.14

4 years ago

0.2.13

4 years ago

0.2.12

4 years ago

0.2.11

4 years ago

0.2.10

4 years ago

0.2.9

4 years ago

0.2.8

4 years ago

0.2.7

4 years ago

0.2.6

4 years ago

0.2.4

4 years ago

0.2.3

4 years ago

0.2.2

4 years ago

0.2.1

4 years ago

0.2.0

4 years ago

0.1.25

5 years ago

0.1.24

5 years ago

0.1.23

5 years ago

0.1.22

5 years ago

0.1.20

5 years ago

0.1.21

5 years ago

0.1.19

5 years ago

0.1.18

5 years ago

0.1.17

5 years ago

0.1.16

5 years ago

0.1.15

5 years ago

0.1.14

5 years ago

0.1.13

5 years ago

0.1.12

5 years ago

0.1.11

5 years ago

0.1.9

5 years ago

0.1.8

5 years ago

0.1.7

5 years ago

0.1.6

5 years ago

0.1.5

5 years ago

0.1.4

5 years ago

0.1.2

5 years ago

0.1.0

5 years ago

0.1.1

5 years ago

0.0.1

5 years ago