UNPKG

@wix/design-system

Version:

@wix/design-system

www.wixdesignsystem.com

72 lines (69 loc) • 2.62 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
### dataHook - type: string - description: Sets a default value for those who want to use this component un-controlled. ### label - type: string - description: Defines a value label to show inside of a field. - default: '' ### options - type: DropdownLayoutOption[] - description: Specify an array of options to display in the dropdown list. ### suffix - type: ReactNode[] - description: Pass a component you want to show as the suffix of the input, e.g., text string, icon. ### status - type: "loading" | "error" | "warning" - description: Specify the status of a field. ### statusMessage - type: ReactNode - description: Defines the message to display on status icon hover. If not given or empty there will be no tooltip. ### onFocus - type: FocusEventHandler - description: Defines a standard input onFocus callback. ### onBlur - type: FocusEventHandler - description: Defines a standard input onBlur callback ### onChange - type: ChangeEventHandler - description: Defines a standard input onChange callback. ### name - type: string - description: Reference element data when a form is submitted. ### type - type: string - description: Specifies the type of `<input/>` element to display. Default is text string. ### ariaLabel - type: string - description: Define a string that labels the current element in case where a text label is not visible on the screen. ### autoFocus - type: boolean - description: Focus the element on mount (standard React input autoFocus). ### autocomplete - type: string - description: Sets the value of native autocomplete attribute (check the [HTML spec](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete) for possible values - default: 'on' ### disabled - type: boolean - description: Specifies whether input should be disabled or not. ### className - type: string - description: Specifies a CSS class name to be appended to the component's root element. - internal ### maxLength - type: number - description: Sets the maximum number of characters that can be entered into a field. ### placeholder - type: string - description: Sets a placeholder message to display. ### onSelect - type: (option: DropdownLayoutValueOption) => void - description: Defines a callback function which is called whenever user selects a different option in the list. ### native - type: boolean - description: Indicates whether to render using the native select element ### value - type: string | number - description: Value of rendered child input ### maxHeightPixels - type: string | number - description: Sets the maximum height of the dropdownLayout in pixels.