e2f16f96c2
This PR updates the docs for the following code change: - #41399 There are a few updates here: - [x] Update docs - [x] Update links to docs inside component - [x] Update examples - [x] Fix corner cases in codemod
25 lines
556 B
TypeScript
25 lines
556 B
TypeScript
import Image from 'next/legacy/image'
|
|
import ViewSource from '../components/view-source'
|
|
import styles from '../styles.module.css'
|
|
|
|
const BackgroundPage = () => (
|
|
<div>
|
|
<ViewSource pathname="pages/background.tsx" />
|
|
<div className={styles.bgWrap}>
|
|
<Image
|
|
alt="Mountains"
|
|
src="/mountains.jpg"
|
|
layout="fill"
|
|
objectFit="cover"
|
|
quality={100}
|
|
/>
|
|
</div>
|
|
<p className={styles.bgText}>
|
|
Image Component
|
|
<br />
|
|
as a Background
|
|
</p>
|
|
</div>
|
|
)
|
|
|
|
export default BackgroundPage
|