Skip to content

Commit 5509f36

Browse files
committed
fix: patch update, patch missing srcset on unpic Image component
1 parent 12d78dd commit 5509f36

File tree

1 file changed

+17
-16
lines changed
  • docs/src/routes/components/CldImage/usage

1 file changed

+17
-16
lines changed

docs/src/routes/components/CldImage/usage/+page.svx

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -23,23 +23,24 @@ The basic required props include width, height, src, and alt:
2323
import { CldImage } from 'svelte-cloudinary';
2424

2525
<CldImage
26-
width="960"
27-
height="600"
26+
width={960}
27+
height={600}
2828
src="<Public ID>"
29-
sizes="100vw"
3029
alt="Description of my image"
30+
sizes="100vw"
3131
/>
3232
```
3333

3434

3535
The sizes prop is optional.
36+
<CldImage
37+
width={960}
38+
height={600}
39+
src={`images/turtle`}
40+
sizes="100vw"
41+
/>
42+
3643

37-
<CldImage
38-
width="960"
39-
height="600"
40-
src="cld-sample-4"
41-
alt="Description of my image"
42-
/>
4344

4445
The `src` property takes in a Cloudinary Public ID which includes the folder path along with the ID of the image itself.
4546

@@ -49,8 +50,8 @@ You can further take advantage of Cloudinary features like background removal an
4950

5051
```js
5152
<CldImage
52-
width="1200"
53-
height="1200"
53+
width={1200}
54+
height={1200}
5455
src="<Public ID>"
5556
crop="thumb"
5657
tint="70:blue:green:purple"
@@ -59,9 +60,9 @@ You can further take advantage of Cloudinary features like background removal an
5960
```
6061

6162
<CldImage
62-
width="1200"
63-
height="1200"
64-
src="cld-sample-4"
63+
width={1200}
64+
height={1200}
65+
src="images/turtle"
6566
crop="thumb"
6667
tint="70:blue:green:purple"
6768
alt="Description of my image"
@@ -75,8 +76,8 @@ To preserve those transformations, you can apply the `preserveTransformations` p
7576

7677
```js
7778
<CldImage
78-
width="600"
79-
height="600"
79+
width={600}
80+
height={600}
8081
src="<Cloudinary URL>"
8182
preserveTransformations
8283
alt="Description of my image"

0 commit comments

Comments
 (0)