UNPKG

@wix/design-system

Version:

@wix/design-system

www.wixdesignsystem.com

57 lines (54 loc) • 1.98 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
### children - type: ReactNode - description: No description ### disabled - type: boolean - description: Specify whether preview should be disabled or not ### size - type: "tiny" | "small" | "medium" | "large" | "extraTiny" - description: Controls the size of the element. ### dataHook - type: string - description: Applies a 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. - internal ### onFocus - type: FocusEventHandler<unknown> & ((event: FocusEvent, triggers: Triggers) => void) - description: No description ### onBlur - type: FocusEventHandler<unknown> & ((event: FocusEvent, triggers: Triggers) => void) - description: No description ### prefixIcon - type: ReactElement - description: accepts prefix icon ### suffixIcon - type: ReactElement - description: accepts suffix icon ### as - type: string | ComponentClass<any, any> | FunctionComponent<any> - description: an element type to render as (string or function). ### selected - type: boolean - description: Specifies whether preview is selected or not. Selected item receives an outline border style. ### contentClassName - type: string - description: class name to be added to the content span ### href - type: string - description: URL of the page that link goes to ### aspectRatio - type: string | number - description: Control elements aspect ratio value ### fill - type: ReactNode - description: Specify a color, gradient, image URL, SVG or a list of colors to be rendered as a preview content. ### contentRef - type: RefObject - description: React ref to be attached to the content span ### ref - type: null | string | (instance: HTMLDivElement | null) => void | RefObject<HTMLDivElement> - description: Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).