Steven
dda14e7f4b
Add image example with background color using blurDataURL ( #30111 )
...
Demo: https://nextjs-examples-image-component-igy6n5cs1.vercel.sh/
2021-10-20 19:05:54 +00:00
Steven
a3c31b6773
Update next/image docs and example with shimmer animation ( #26183 )
...
It was mentioned in Issue #18858 that we might add a `placeholder="skeleton"` but that didn't ship with Next.js 11 because it would likely need to handle additional config such as light mode / dark mode, speed, duration, etc.
So this PR adds an example of `blurDataURL` usage with a nice shimmer animation (sometimes called a skeleton).
2021-06-16 14:54:25 +00:00
Steven
e4eed61a31
Update next/image docs and examples ( #26150 )
...
This updates the `next/image` docs and examples to add missing information.
2021-06-16 01:26:53 +00:00
Herman Nygaard
12d2424e86
(examples/image-component): fix placeholder href ( #26140 )
2021-06-15 13:37:11 -05:00
Alex Castle
e5d0a30a2e
Modify image component examples app for static image ( #25956 )
...
Some fairly minor changes to the image-component example app. Switches all instances of images from `/public` over to use static images and adds a page with an example image with blurry placeholder enabled.
2021-06-09 22:48:31 +00:00
Steven
9973b8cb9f
[examples] Fix image-component typo ( #23437 )
...
## Documentation / Examples
- [x] Make sure the linting passes
2021-03-26 21:57:21 +00:00
Steven
17a53e2765
Revise image example with layouts near the top ( #19161 )
...
This page is useful for testing out layouts so we moved that section to the top.
2020-11-14 02:00:02 +00:00
Steven
37fb0ad220
Update image example with link back to source code ( #18909 )
...
Fixes #18908
2020-11-06 17:13:01 -05:00
Bruno Crosier
b471b3b29e
Add <a> to <Link> ( #18900 )
...
Co-authored-by: Luis Alvarez <luis@vercel.com>
2020-11-06 16:03:24 -05:00
Steven
b684b110e4
Add props objectFit and objectPosition to Image component ( #18849 )
...
Fixes #18794
2020-11-05 19:42:55 +00:00
Steven
35f8f521a2
Update Image docs with links to examples ( #18770 )
...
This revises the docs to add headings and also links to layout examples.
Fixes #18554
2020-11-04 17:24:14 +00:00
Steven
d4a92d92ba
Update example for Image Component ( #18762 )
2020-11-03 15:40:53 -05:00
Sebastian Troć
4caf98efbf
Tweak Image Optimization URL in example ( #18355 )
2020-10-28 13:04:09 +00:00
Steven
3c6f421d99
Add docs for Image Optimization ( #18107 )
...
Co-authored-by: Lee Robinson <me@leerob.io>
Co-authored-by: Tim Neutkens <timneutkens@me.com>
2020-10-24 14:53:28 +02:00
