0.11.8 • Published 2 days ago

@synerise/ds-step-card v0.11.8

Weekly downloads
111
License
ISC
Repository
github
Last release
2 days ago

id: step-card

title: StepCard

StepCard UI Component

Installation

npm i @synerise/ds-step-card
or
yarn add @synerise/ds-step-card

Usage

import StepCard from '@synerise/ds-step-card'

<StepCard
matching={true}
onChangeMatching={(matchingValue) => {}}
name={'funnel'}
onChangeName={(name) => {}}
onDuplicate={() => {}}
onDelete={() => {}}
texts={{
  matching: 'Matching',
  notMatching: 'Not matching',
  namePlaceholder: 'Placeholder',
  moveTooltip: 'Move',
  deleteTooltip: 'Delete',
  duplicateTooltip: 'Duplicate',
}}
footer={<span>Footer</span>}
>
<span>Content</span>
</StepCard>

Demo

API

PropertyDescriptionTypeDefault
matchingMain matching configuration: MatchingProps-
onChangeMatchingFunction called when user change value of StepCard matching(matching: boolean) => void-
onChangeNameFunction called when user change name of StepCard(name: string) => void-
onDeleteFunction called when user click on delete StepCard icon() => void-
onDuplicateFunction called when user click on duplicate StepCard icon() => void-
footerReact node to inject as footer of StepCard React.ReactNode-
headerRightSideReact node to inject into header right side slotReact.ReactNode-
textsObject with translationsStepCardTexts-
readonlyToggles editability (cruds, step name, draggability)boolean-

StepCardTexts

PropertyDescriptionTypeDefault
matchingLabel of Toggle component, visible when matching is truestring'Matching'
notMatchingLabel of Toggle component, visible when matching is falsestring'Not matching'
namePlaceholderPlaceholder of step namestring'Name'
moveTooltipTooltip on move iconstring'Move'
deleteTooltipTooltip on delete iconstring'Delete'
duplicateTooltipTooltip on duplicate iconstring'Duplicate'
@synerise/ds-alert@synerise/ds-cruds@synerise/ds-icon@synerise/ds-logic@synerise/ds-typographyreact-intl
@infinitebrahmanuniverse/nolb-_syn@everything-registry/sub-chunk-890@zalastax/nolb-_syn@synerise/ds-filter
0.11.8

2 days ago

0.11.7

10 days ago

0.11.6

25 days ago

0.11.5

1 month ago

0.11.4

1 month ago

0.11.3

1 month ago

0.11.2

2 months ago

0.11.1

2 months ago

0.11.0

2 months ago

0.10.8

3 months ago

0.10.6

3 months ago

0.10.7

3 months ago

0.10.5

3 months ago

0.10.4

3 months ago

0.10.3

4 months ago

0.10.2

4 months ago

0.10.1

4 months ago

0.10.0

5 months ago

0.9.20

5 months ago

0.9.19

5 months ago

0.9.18

5 months ago

0.9.8

8 months ago

0.9.7

8 months ago

0.9.9

8 months ago

0.9.4

9 months ago

0.9.3

10 months ago

0.9.6

9 months ago

0.9.5

9 months ago

0.9.12

7 months ago

0.9.13

7 months ago

0.9.14

7 months ago

0.9.15

6 months ago

0.9.10

8 months ago

0.9.11

7 months ago

0.9.16

6 months ago

0.9.17

6 months ago

0.9.0

10 months ago

0.9.2

10 months ago

0.9.1

10 months ago

0.8.25

11 months ago

0.8.24

11 months ago

0.8.23

12 months ago

0.8.22

12 months ago

0.8.21

12 months ago

0.8.20

1 year ago

0.8.12

1 year ago

0.8.11

1 year ago

0.8.14

1 year ago

0.8.13

1 year ago

0.8.19

1 year ago

0.8.16

1 year ago

0.8.15

1 year ago

0.8.18

1 year ago

0.8.17

1 year ago

0.8.9

1 year ago

0.8.8

1 year ago

0.8.10

1 year ago

0.8.6

1 year ago

0.8.5

1 year ago

0.8.4

1 year ago

0.8.3

1 year ago

0.7.25

1 year ago

0.8.1

1 year ago

0.8.0

1 year ago

0.8.2

1 year ago

0.7.22

1 year ago

0.7.21

2 years ago

0.7.24

1 year ago

0.7.23

1 year ago

0.7.20

2 years ago

0.7.19

2 years ago

0.7.18

2 years ago

0.7.11

2 years ago

0.7.10

2 years ago

0.7.13

2 years ago

0.7.15

2 years ago

0.7.14

2 years ago

0.7.17

2 years ago

0.7.16

2 years ago

0.7.9

2 years ago

0.7.8

2 years ago

0.7.7

2 years ago

0.6.6

2 years ago

0.7.1

2 years ago

0.7.4

2 years ago

0.7.0

2 years ago

0.7.6

2 years ago

0.7.5

2 years ago

0.6.3

2 years ago

0.6.5

2 years ago

0.6.4

2 years ago

0.6.2

2 years ago

0.6.1

2 years ago

0.6.0

2 years ago

0.5.9

2 years ago

0.5.6

2 years ago

0.5.5

2 years ago

0.5.8

2 years ago

0.5.7

2 years ago

0.4.9

2 years ago

0.5.4

2 years ago

0.5.3

2 years ago

0.5.0

2 years ago

0.5.2

2 years ago

0.5.1

2 years ago

0.4.8

2 years ago

0.4.5

2 years ago

0.4.4

2 years ago

0.4.7

2 years ago

0.4.6

2 years ago

0.4.1

3 years ago

0.4.0

3 years ago

0.4.3

2 years ago

0.4.2

2 years ago

0.3.3

3 years ago

0.3.2

3 years ago

0.3.0

3 years ago

0.3.1

3 years ago

0.2.32

3 years ago

0.2.31

3 years ago

0.2.30

3 years ago

0.2.29

3 years ago

0.2.28

3 years ago

0.2.27

3 years ago

0.2.26

3 years ago

0.2.25

3 years ago

0.2.24

3 years ago

0.2.23

3 years ago

0.2.22

3 years ago

0.2.21

3 years ago

0.2.20

3 years ago

0.2.19

3 years ago

0.2.18

3 years ago

0.2.17

3 years ago

0.2.16

3 years ago

0.2.15

3 years ago

0.2.14

3 years ago

0.2.13

3 years ago

0.2.12

3 years ago

0.2.11

3 years ago

0.2.10

3 years ago

0.2.9

3 years ago

0.2.6

3 years ago

0.2.1

3 years ago

0.2.3

3 years ago

0.2.2

3 years ago

0.2.0

3 years ago

0.1.24

3 years ago

0.1.23

3 years ago

0.1.22

3 years ago

0.1.21

3 years ago

0.1.20

3 years ago

0.1.19

3 years ago

0.1.15

3 years ago

0.1.16

3 years ago

0.1.17

3 years ago

0.1.18

3 years ago

0.1.13

3 years ago

0.1.14

3 years ago

0.1.10

3 years ago

0.1.11

3 years ago

0.1.12

3 years ago

0.1.9

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.1

3 years ago

0.0.1

3 years ago

0.1.0

3 years ago