6b73acfaf5
- use the nextv12 example from the storybook-addon-next repo as the with-storybook example found here: 6583c20803/examples/nextv12
- update the readme for the example to include details on what the example includes
- tweak the example from the `storybook-addon-next` repo to work with type checking and linting
Resolves #33889
## Documentation / Examples
- [x] Make sure the linting passes by running `yarn lint`
## Context
This was kindly requested by @leerob in [this issue](https://github.com/RyanClementsHax/storybook-addon-next/issues/3) on the `storybook-addon-next` repo.
P.S. thanks to @leerob for making [this video](https://www.youtube.com/watch?v=cuoNzXFLitc&t=1502s). I found it very helpful for getting me up to speed with how to contribute. I hope I did everything right for y'all. Lmk if there was something I could have done better.
31 lines
658 B
JavaScript
31 lines
658 B
JavaScript
import { Links } from 'components/Links'
|
|
import Head from 'next/head'
|
|
|
|
export default function StyledJsx() {
|
|
return (
|
|
<div>
|
|
<Head>
|
|
<title>Styled JSX</title>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
</Head>
|
|
<Links />
|
|
<style jsx>{`
|
|
.main {
|
|
padding: 4rem 0;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.main span {
|
|
color: blue;
|
|
}
|
|
`}</style>
|
|
<main className="main">
|
|
<span>This is styled using Styled JSX</span>
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|