e97cf15d58
* [Example] update to tailwind 1.2.0 and emotion 11 * fix lint error * Used different ways to style components * update @tailwindcssinjs/macro package remove clear cache script update component comments * update tailwindcss package to 1.3.3 * update dependencies * update dependencies * Updated readme, package.json, and removed unrequired imports Co-authored-by: Luis Alvarez <luis@zeit.co>
15 lines
491 B
JavaScript
15 lines
491 B
JavaScript
import { css } from '@emotion/css'
|
|
import tw from '@tailwindcssinjs/macro'
|
|
import ButtonCss from '../components/ButtonCss'
|
|
import ButtonReact from '../components/ButtonReact'
|
|
import ButtonStyled from '../components/ButtonStyled'
|
|
|
|
const Index = () => (
|
|
<div className={css(tw`grid justify-center items-center h-screen`)}>
|
|
<ButtonCss>@emotion/css</ButtonCss>
|
|
<ButtonReact>@emotion/react</ButtonReact>
|
|
<ButtonStyled>@emotion/styled</ButtonStyled>
|
|
</div>
|
|
)
|
|
|
|
export default Index
|