UNPKG

@wix/design-system

Version:

@wix/design-system

www.wixdesignsystem.com

51 lines (48 loc) • 2.46 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
### dataHook - type: string - description: Applied as data-hook HTML attribute that can be used in the tests ### className - type: string - description: Specifies a CSS class name to be appended to the component’s root element. - internal ### data - type: FunnelChartItem[] - description: Array of Funnel Chart items * `value` - Item's value. * `label` - Short label under the value. * `displayValue` - Item's value send by the user. ### fullHeight - type: boolean - description: When provided, allows bars to take full height ### hideDifferenceBadge - type: boolean - description: A flag that controls the appearance of the calculated percentage badge ### differenceBadgeSkin - type: "standard" | "dark" - description: When provided, changes badge skin. - deprecated ### differenceBadgeProps - type: ({ currentIndex, difference, differenceValue, }: percentageDifferenceCbData) => FunnelBadgeCommonProps - description: Returns the badge props by current index, badge's percentage and raw values ##### Signature: `({currentIndex: number, difference: string, differenceValue: number}) => FunnelBadgeCommonProps` ### differenceStepSkin - type: ({ currentIndex, difference, differenceValue, }: percentageDifferenceCbData) => "standard" | "success" - description: Returns the step skin by current index, badge's percentage and raw values ##### Signature: `({currentIndex: number, difference: string, differenceValue: number}) => 'standard' | 'success'` ### differenceBadgeTooltipContent - type: ({ currentIndex, difference, differenceValue, }: percentageDifferenceCbData) => ReactNode - description: Returns the tooltip props by current index, badge's percentage and raw values ##### Signature: `({currentIndex: number, difference: string, differenceValue: number}) => React.ReactNode` ### differenceBadgeTooltipProps - type: ({ currentIndex, difference, differenceValue, }: percentageDifferenceCbData) => TooltipCommonProps - description: Returns the tooltip props by current index, badge's percentage and raw values ##### Signature: `({currentIndex: number, difference: string, differenceValue: number}) => TooltipCommonProps` ### onDifferenceBadgeTooltipShow - type: ({ currentIndex, difference, differenceValue, }: percentageDifferenceCbData) => void - description: Callback on tooltip content show event by current index, badge's percentage and raw values ##### Signature: `({currentIndex: number, difference: string, differenceValue: number}) => void`