@wix/design-system
Version:
@wix/design-system
46 lines (43 loc) • 1.57 kB
Markdown
### borderRadius
- type: string | number | string & {}
- description: Sets the border radius of the image box.
### 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
### fit
- type: "none" | "contain" | "fill" | "cover" | "scale-down" | "tile"
- description: Specifies image fit mode inside a box.
Check [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property values for more info.
- default: cover
### position
- type: string
- description: Specifies source content position inside of an image box. Accepts any valid
[CSS position](https://developer.mozilla.org/en-US/docs/Web/CSS/position_value) value.
- default: center
### showBorder
- type: boolean
- description: Specifies whether to display a border around an image.
- default: false
### transparent
- type: boolean
- description: Specifies whether background of Image is transparent
- default: false
### alt
- type: string
- description: Specifies an alt text for an image. If not provided, will be set to empty and treated as decorative.
- default: ''
### width
- type: string | number
- description: Sets the width of the image box.
- default: '100%'
### height
- type: string | number
- description: Sets the height of the image box.
- default: undefined
### src
- type: string
- description: Specifies an URL link to image source. If not provided, a default placeholder image will be displayed.