40 lines
774 B
TypeScript
40 lines
774 B
TypeScript
import React from "react"
|
|
import { Button } from '@nextui-org/button'
|
|
|
|
// 'use client'
|
|
|
|
// import { Link } from '@chakra-ui/next-js'
|
|
// import { Box, Flex } from '@chakra-ui/react'
|
|
|
|
// export default function Page() {
|
|
// return (
|
|
// <Flex>
|
|
// <h1>Home</h1>
|
|
|
|
// <Box>
|
|
// Flex
|
|
// </Box>
|
|
|
|
// <Link href='/about' color='blue.400' _hover={{ color: 'blue.500' }}>
|
|
// About
|
|
// </Link>
|
|
// </Flex>
|
|
// )
|
|
// }
|
|
|
|
// app/page.tsx
|
|
|
|
export default function Page() {
|
|
return (
|
|
<div className="flex gap-4 items-center" style={{padding: 4}}>
|
|
<Button color="primary" size="lg">Click me 2</Button>
|
|
<Button size="md">
|
|
Medium
|
|
</Button>
|
|
<Button size="lg">
|
|
Large
|
|
</Button>
|
|
</div>
|
|
)
|
|
}
|