@synerise/ds-logic v0.8.31
id: logic
title: Logic
Logic UI Component
Installation
npm i @synerise/ds-logic
or
yarn add @synerise/ds-logic
Usage of Login
import Logic from '@synerise/ds-logic'
<Logic value={'AND'} onChange={handleChange} />
Usage of Matching
import Logic from '@synerise/ds-logic'
<Logic.Matching matching={true} onChange={handleChange} sentence="Find all items #MATCHING_TOGGLE# this condition." />
Demo
API
Property | Description | Type | Default |
---|---|---|---|
value | Value of logic component | string | - |
onChange | Function called when user change the value | (value: string) => void | - |
options | Custom list of options | LogicOperator[] | [{value: 'AND', label: 'And'}, {value: 'OR', label: 'Or'}] |
LogicOperator
Property | Description | Type | Default |
---|---|---|---|
value | Value of logic option | string | - |
label | Label of logic option | string \ React.ReactNode | - |
Logic.Matching
Property | Description | Type | Default |
---|---|---|---|
matching | Value of Matching component | boolean | false |
sentence | Custom sentence require #MATCHING_TOGGLE# , which will be replaced by Toggle component | string | - |
onChange | Function called when user click on Toggle component | (matching: boolean) => void | - |
texts | Custom labels of Matching, Not matching | MatchingTexts | - |
MatchingTexts
Property | Description | Type | Default |
---|---|---|---|
matching | Label of Toggle component, visible when matching is true | string | matching |
notMatching | Label of Toggle component, visible when matching is false | string | not matching |
2 days ago
11 days ago
25 days ago
1 month ago
1 month ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
8 months ago
8 months ago
8 months ago
10 months ago
7 months ago
7 months ago
6 months ago
7 months ago
7 months ago
6 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago