UNPKG

@wix/design-system

Version:

@wix/design-system

www.wixdesignsystem.com

86 lines (82 loc) • 2.68 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
### dataHook - type: string - description: applied as data-hook HTML attribute that can be used to create driver in testing ### hideFooter - type: bool - description: Hides the footer that contains the action buttons ### confirmText - type: node - description: Defines the main action button text ### confirmPrefixIcon - type: element - description: Add a prefix icon for the main action button ### confirmSuffixIcon - type: element - description: Add a suffix icon for the main action button ### cancelText - type: node - description: Defines the secondary action button text ### cancelPrefixIcon - type: element - description: Add a prefix icon for the secondary action button ### cancelSuffixIcon - type: element - description: Add a suffix icon for the secondary action button ### theme - type: enum - description: modal theme color ### onOk - type: func - description: Called when the main action (confirm) is clicked ### onCancel - type: func - description: Called when the secondary action (cancel) is clicked ### onClose - type: func - description: Called when the close button is clicked ### width - type: string - description: Specify exact width ### margin - type: string - description: Specify exact margin. Use to fine tune position inside other elements. When used inside `<Modal>`, beware that `<Modal>` is a flex container, therefore specific flex item CSS rules apply for this margin. ### title - type: node - description: Defines the modals's header title ### children - type: any - description: The content to be displayed. can be text or some node ### maxHeight - type: union - description: Max height. When supplied - will allow internal scroll to the component ### buttonsHeight - type: enum - description: Defines the buttons size ### closeButton - type: bool - description: Show/hide the close button ### disableCancel - type: bool - description: Defines the secondary action button ### disableConfirmation - type: bool - description: Defines the main action button ### noBodyPadding - type: bool - description: Removes the content padding. Used in custom modal that defines it's own padding ### footerBottomChildren - type: node - description: A render slot to display a foot note ### fullscreen - type: bool - description: Stretches the component to a full screen mode (with some padding) ### withEmptyState - type: bool - description: Changes the internal padding to be used with `<EmptyState/>` component ### sideActions - type: node - description: Used to display some side component in the footer, for example `<Checkbox/>` ### image - type: node - description: Used to display an illustration on the left side