Images
Lifted Image
A lifted image is an image that has border and shadow, making it stand out more.
Color Mode Image
A color mode image is an image that changes based on the current color mode (light or dark). This is useful for images that have different colors in light and dark mode.
Embeds
Component API
ProseImg
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
width | string | number | "100%" | No | Width of the image |
src | string | — | No | Image source URL |
alt | string | — | No | Alt text for the image |
height | string | number | — | No | Height of the image |
lifted | boolean | false | No | Whether the image should have a lifted style |
zoom | boolean | true | No | Whether the image should have zoom effect on hover |
ProseColorModeImage
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
srcLight | string | — | No | Source URL for light mode image |
srcDark | string | — | No | Source URL for dark mode image |
alt | string | — | No | Alt text for the image |
width | string | number | — | No | Width of the image |
height | string | number | — | No | Height of the image |
lifted | boolean | false | No | Whether the image should have a lifted style |
zoom | boolean | true | No | Whether the image should have zoom effect on hover |