UNPKG

@wix/design-system

Version:

@wix/design-system

www.wixdesignsystem.com

97 lines (94 loc) • 3.25 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: Sets text title for the modal; can be used in conjunction with other components. ### subtitle - type: ReactNode - description: Sets text subtitle for the modal; can be used in conjunction with other components. ### content - type: ReactNode - description: Contains modal’s message in its middle area. <MessageModalLayout/> children are passed as content, too. ### primaryButtonText - type: ReactNode - description: Sets text label for the primary button. ### primaryButtonProps - type: Omit<ButtonProps, "internalDataHook"> - description: Passes on any \<Button/\> properties on the primary button. ### primaryButtonOnClick - type: () => void - description: Defines a call-back function after user clicks on the primary button. ### secondaryButtonText - type: ReactNode - description: Sets text label for the secondary button. ### secondaryButtonProps - type: Omit<ButtonProps, "internalDataHook"> - description: Passes on any \<Button/\> properties on the secondary button. ### secondaryButtonOnClick - type: () => void - description: Defines a call-back function after user clicks on the secondary button. ### actionsSize - type: "tiny" | "small" | "medium" | "large" - description: Determines the action buttons size. ### sideActions - type: ReactNode - description: Contains a checkbox or other components at the start of the footer. ### footnote - type: ReactNode - description: Renders supplementary text or other components at the bottom of the modal. ### footnoteSkin - type: "light" | "neutral" - description: Sets the look and feel of the footnote. ### illustration - type: ReactNode - description: Contains a 120x120 px illustration at the left side of the modal. ### theme - type: "standard" | "destructive" | "premium" - description: use skin prop instead. - deprecated ### children - type: ReactNode - description: Accepts any item as a child element. For all common cases pass a standard text string. ### className - type: string - description: Specifies a CSS class name to be appended to the component’s root element. - internal ### style - type: CSSProperties - description: No description ### dataHook - type: string - description: Applies a data-hook HTML attribute to be used in the tests. ### closeButtonProps - type: ModalCloseButtonProps - description: Close button props. ### helpButtonProps - type: ModalControlButtonProps - description: Help button props. ### onCloseButtonClick - type: MouseEventHandler - description: use `closeButtonProps` instead. - deprecated ### onHelpButtonClick - type: MouseEventHandler - description: use `helpButtonProps` instead. - deprecated ### illustrationClassName - type: string - description: No description ### skin - type: "standard" | "destructive" | "premium" - description: a global skin for the modal, will be applied as stylable state and will affect footer buttons skin. ### 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