chore(docs): fix missing fallback on next/image sizes example (vercel…

…#56718) This example use of `sizes` was missing the fallback. Its best to review with [`?w=1`](https://github.com/vercel/next.js/pull/56718/files?w=1)
gnoff · Oct 18, 2023 · 27b89e4 · 27b89e4
1 parent 92cccfb
commit 27b89e4
Showing 1 changed file with 18 additions and 18 deletions.
diff --git a/docs/02-app/02-api-reference/01-components/image.mdx b/docs/02-app/02-api-reference/01-components/image.mdx
@@ -40,24 +40,24 @@ export default function Page() {
 Here's a summary of the props available for the Image Component:
 
 <div style={{ overflowX: 'auto', width: '100%' }}>
-| Prop                                      | Example                              | Type            | Status     |
-| ----------------------------------------- | ------------------------------------ | --------------- | ---------- |
-| [`src`](#src)                             | `src="/profile.png"`                 | String          | Required   |
-| [`width`](#width)                         | `width={500}`                        | Integer (px)    | Required   |
-| [`height`](#height)                       | `height={500}`                       | Integer (px)    | Required   |
-| [`alt`](#alt)                             | `alt="Picture of the author"`        | String          | Required   |
-| [`loader`](#loader)                       | `loader={imageLoader}`               | Function        | -          |
-| [`fill`](#fill)                           | `fill={true}`                        | Boolean         | -          |
-| [`sizes`](#sizes)                         | `sizes="(max-width: 768px) 100vw"`   | String          | -          |
-| [`quality`](#quality)                     | `quality={80}`                       | Integer (1-100) | -          |
-| [`priority`](#priority)                   | `priority={true}`                    | Boolean         | -          |
-| [`placeholder`](#placeholder)             | `placeholder="blur"`                 | String          | -          |
-| [`style`](#style)                         | `style={{objectFit: "contain"}}`     | Object          | -          |
-| [`onLoadingComplete`](#onloadingcomplete) | `onLoadingComplete={img => done())}` | Function        | Deprecated |
-| [`onLoad`](#onload)                       | `onLoad={event => done())}`          | Function        | -          |
-| [`onError`](#onerror)                     | `onError(event => fail()}`           | Function        | -          |
-| [`loading`](#loading)                     | `loading="lazy"`                     | String          | -          |
-| [`blurDataURL`](#blurdataurl)             | `blurDataURL="data:image/jpeg..."`   | String          | -          |
+| Prop                                      | Example                                  | Type            | Status     |
+| ----------------------------------------- | ---------------------------------------- | --------------- | ---------- |
+| [`src`](#src)                             | `src="/profile.png"`                     | String          | Required   |
+| [`width`](#width)                         | `width={500}`                            | Integer (px)    | Required   |
+| [`height`](#height)                       | `height={500}`                           | Integer (px)    | Required   |
+| [`alt`](#alt)                             | `alt="Picture of the author"`            | String          | Required   |
+| [`loader`](#loader)                       | `loader={imageLoader}`                   | Function        | -          |
+| [`fill`](#fill)                           | `fill={true}`                            | Boolean         | -          |
+| [`sizes`](#sizes)                         | `sizes="(max-width: 768px) 100vw, 33vw"` | String          | -          |
+| [`quality`](#quality)                     | `quality={80}`                           | Integer (1-100) | -          |
+| [`priority`](#priority)                   | `priority={true}`                        | Boolean         | -          |
+| [`placeholder`](#placeholder)             | `placeholder="blur"`                     | String          | -          |
+| [`style`](#style)                         | `style={{objectFit: "contain"}}`         | Object          | -          |
+| [`onLoadingComplete`](#onloadingcomplete) | `onLoadingComplete={img => done())}`     | Function        | Deprecated |
+| [`onLoad`](#onload)                       | `onLoad={event => done())}`              | Function        | -          |
+| [`onError`](#onerror)                     | `onError(event => fail()}`               | Function        | -          |
+| [`loading`](#loading)                     | `loading="lazy"`                         | String          | -          |
+| [`blurDataURL`](#blurdataurl)             | `blurDataURL="data:image/jpeg..."`       | String          | -          |
 </div>
 
 ## Required Props