UNPKG

@wix/design-system

Version:

@wix/design-system

www.wixdesignsystem.com

85 lines (81 loc) • 2.45 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
### 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. ### title - type: string - description: Text for the title ### titleTooltip - type: string - description: Text for title tooltip ### value - type: string - description: Text value ### valueTooltip - type: string - description: Text for value tooltip ### trend - type: number - description: A number to be displayed as the trend, a positive number will be green with an arrow facing up and a negative number will be red with an arrow facing down ### invertedTrend - type: boolean - description: Invert color and arrow direction of Trend. ### isTrendVisible - type: boolean - description: Show/Hide trend ### isLoading - type: boolean - description: Whether component is loading ### ctaButton - type: ReactNode - description: CTA button React Node ### onCTAClick - type: (event: MouseEvent<HTMLDivElement, MouseEvent>) => void - description: Fires when CTA button is clicked ### alwaysShowCTA - type: boolean - description: Always show CTA button ### onClick - type: (event: MouseEvent<HTMLDivElement, MouseEvent>) => void - description: Card would be clickable ### onChartHover - type: (index: number) => void - description: Fires when chart is hovered ### chartHighlightedStartingIndex - type: number - description: Indicates the starting index of the highlighted area of the chart ### chartWidth - type: number - description: Chart width ### chartData - type: { label: Date; value: number; }[] - description: Chart data ### getChartTooltipContent - type: (index: number) => ReactNode - description: Chart tooltip content ### chartColorHex - type: string - description: Sets the color of the chart ### chartAnimationDuration - type: number - description: Chart animation duration ### footer - type: ReactNode - description: Footer - node ### border - type: boolean - description: Adds a border and corner radius ### horizontalPadding - type: AnalyticsSummaryCardHorizontalPadding - description: Controls spacing size from left and right sides ### focusableOnFocus - type: React.FocusEventHandler<E> - description: No description ### focusableOnBlur - type: React.FocusEventHandler<E> - description: No description ### ref - type: React.RefObject<E> - description: No description