UNPKG

@wix/design-system

Version:

@wix/design-system

48 lines (45 loc) 1.82 kB
### dataHook - type: string - description: Applies a data-hook HTML attribute that can be used in the tests. ### image - type: ReactNode - description: Accepts image URL or a custom element to be displayed on the side of content. ### imageBackgroundColor - type: string - description: Specifies image area background color. Can be a keyword from color palette or any supported CSS color value (HEX, RGB, etc.). ### size - type: "tiny" | "small" | "medium" - description: Controls the size of the marketing layout.<br/> - default: 'small' ### direction - type: "horizontal" | "vertical" - description: Controls content direction. - default: 'horizontal' ### inverted - type: boolean - description: Flips content layout. If true, image will be displayed on the left side of the content. - default: false ### actions - type: ReactNode - description: Sets marketing layout actions. Accepts single or multiple interactive components. Most commonly contain `<Button/>` or `<TextButton/>`. ### title - type: ReactNode - description: Sets the marketing layout title. Accepts text string or a custom element. ### description - type: ReactNode - description: Sets the marketing layout description. Accepts text string or a custom element. ### badge - type: ReactNode - description: Adds a container for a `<Badge/>` component at the top left corner. Affect component height. ### hiddenBadge - type: boolean - description: Specifies whether the badge is hidden. Can be used to add additional vertical spacing, if no badge is given. - default: false ### alignItems - type: "center" | "stretch" - description: Controls the vertical alignment of the content. - default: 'center' ### imagePadding - type: boolean - description: Enables padding inside image container. Use with `direction="horizontal"` layout only. - default: true