Image
A default image component.
This component is used to render images.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
file | string | null | The file of the image. |
alt | string | null | The alt text of the image. |
width | number | auto | The width of the image. |
height | number | auto | The height of the image. |
unit | string | px | The unit of the width and height. px, rem, em, %, vw, vh, vmin, vmax. |
fit | string | cover | The fit of the image. cover, contain, fill, none, scale-down. |
padding.left | number | 0 | The left padding of the container. |
padding.right | number | 0 | The right padding of the container. |
padding.top | number | 0 | The top padding of the container. |
padding.bottom | number | 0 | The bottom padding of the container. |
margin.left | number | 0 | The left margin of the container. |
margin.right | number | 0 | The right margin of the container. |
margin.top | number | 0 | The top margin of the container. |
margin.bottom | number | 0 | The bottom margin of the container. |