next.js/examples/image-component/app/placeholder/page.tsx
page.tsx24 lines529 B
import Image from "next/image";
import ViewSource from "../../components/view-source";
import mountains from "../../public/mountains.jpg";

const PlaceholderBlur = () => (
  <div>
    <ViewSource pathname="app/placeholder/page.tsx" />
    <h1>Image Component With Placeholder Blur</h1>
    <Image
      alt="Mountains"
      src={mountains}
      placeholder="blur"
      width={700}
      height={475}
      style={{
        maxWidth: "100%",
        height: "auto",
      }}
    />
  </div>
);

export default PlaceholderBlur;
Quest for Codev2.0.0
/
SIGN IN