UNPKG

@wix/design-system

Version:

@wix/design-system

www.wixdesignsystem.com

97 lines (93 loc) • 3.15 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
86
87
88
89
90
91
92
93
94
95
96
97
### title - type: ReactNode - description: The modal's title ### subtitle - type: ReactNode - description: The modal's subtitle ### content - type: ReactNode - description: the content you want to render in the modal, children passed directly will be treated as `content` as well ### primaryButtonText - type: ReactNode - description: a text for the primary action button ### primaryButtonProps - type: Omit<ButtonProps, "dataHook"> - description: Passed to the primary action button as props without any filter / mutation ### primaryButtonOnClick - type: () => void - description: a callback for when the primary action button is clicked ### secondaryButtonText - type: ReactNode - description: a text for the secondary action button ### secondaryButtonProps - type: Omit<ButtonProps, "dataHook"> - description: Passed to the secondary button as props without any filter / mutation ### secondaryButtonOnClick - type: () => void - description: callback for when the secondary action button is clicked ### actionsSize - type: ButtonSize - description: will determine the action buttons size ### sideActions - type: ReactNode - description: side actions node, to be rendered as the first element on the same row as the action buttons ### footnote - type: ReactNode - description: a footnote node, to be rendered at the very bottom of the modal ### footnoteSkin - type: FootnoteSkin - description: Sets the look and feel of the footnote ### illustration - type: ReactNode - description: The illustration src or the illustration node itself ### linkText - type: ReactNode - description: When not provided, the primary link will not be rendered ### linkOnClick - type: () => void - description: callback for when the link is clicked ### skin - type: "standard" | "premium" - description: a global skin for the modal, will be applied as stylable state and will affect footer buttons skin ### theme - type: "standard" | "premium" - description: No description ### className - type: string - description: Specifies a CSS class name to be appended to the component’s root element. ### style - type: CSSProperties - description: No description ### dataHook - type: string - description: Applies a data-hook HTML attribute to be used in the tests. ### closeButtonProps - type: ModalControlButtonProps - description: Close button props. ### helpButtonProps - type: ModalControlButtonProps - description: Help button props. ### onCloseButtonClick - type: MouseEventHandler<HTMLButtonElement> - description: No description ### onHelpButtonClick - type: MouseEventHandler<HTMLButtonElement> - description: No description ### illustrationClassName - type: string - description: No description ### headerClassName - type: string - description: No description ### footnoteClassName - type: string - description: No description ### footerClassName - type: string - description: No description ### contentClassName - type: string - description: No description ### primaryButtonTooltipProps - type: Omit<TooltipProps, "children"> - description: No description