@@ -3,7 +3,7 @@ import { Button, Slider } from '@patternfly/react-core';
3
3
import MinusIcon from '@patternfly/react-icons/dist/esm/icons/minus-icon' ;
4
4
import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon' ;
5
5
6
- // TODO: FIGMA : Define left/right actions
6
+ // TODO: DESIGN : Define left/right actions
7
7
// Documentation for Slider can be found at https://www.patternfly.org/components/slider
8
8
9
9
figma . connect (
@@ -13,8 +13,7 @@ figma.connect(
13
13
props : {
14
14
// boolean
15
15
isInputVisible : figma . boolean ( 'Value input' ) ,
16
- minmaxValues : figma . boolean ( 'Min/max values' ) ,
17
- isInputVisible : figma . boolean ( 'Value input' ) ,
16
+ showBoundaries : figma . boolean ( 'Min/max values' ) ,
18
17
startActions : figma . boolean ( 'Left action' , {
19
18
true : < Button variant = "plain" aria-label = "Minus" onClick = { ( ) => { } } icon = { < MinusIcon /> } /> ,
20
19
false : undefined
@@ -23,24 +22,24 @@ figma.connect(
23
22
true : < Button variant = "plain" aria-label = "Plus" onClick = { ( ) => { } } icon = { < PlusIcon /> } /> ,
24
23
false : undefined
25
24
} ) ,
25
+
26
26
// enum
27
- isContinuous : figma . enum ( 'Type' , { Continuous : true } ) ,
27
+ areCustomStepsContinuous : figma . enum ( 'Type' , { Continuous : true } ) ,
28
28
isDisabled : figma . enum ( 'State' , { Disabled : true } ) ,
29
29
showTicks : figma . enum ( 'Type' , { Discrete : true } )
30
30
} ,
31
31
example : ( props ) => (
32
32
< Slider
33
- areCustomStepsContinuous = { props . isContinuous }
34
- isActive = { props . isActive }
35
33
isInputVisible = { props . isInputVisible }
34
+ showBoundaries = { props . showBoundaries }
35
+ startActions = { props . startActions }
36
+ endActions = { props . endActions }
37
+ areCustomStepsContinuous = { props . areCustomStepsContinuous }
36
38
isDisabled = { props . isDisabled }
39
+ showTicks = { props . showTicks }
37
40
max = { 200 }
38
41
step = { 50 }
39
42
value = { 100 }
40
- showBoundaries = { props . minmaxValues }
41
- showTicks = { props . showTicks }
42
- startActions = { props . startActions }
43
- endActions = { props . endActions }
44
43
/>
45
44
)
46
45
}
0 commit comments