Portfolio


import { ChakraComponent, Box, BoxProps } from '@chakra-ui/react'

type DivComponent = ChakraComponent<'div', {}>

1. const Card = ((props: BoxProps) => (
  <Box px='4' py='5' rounded='sm' shadow='lg' {...props} />
)) as DivComponent

//
이거
2. const CardLayout = (props: BoxProps) => (
  <Box px='4' py='5' rounded='sm' shadow='lg' {...props} />
)


import { chakra } from '@chakra-ui/react'

const Card = chakra('div', {
  // attach style props
  baseStyle: {
    px: '4',
    py: '5',
    rounded: 'sm',
    shadow: 'lg',
  },
})

chakra-ui를 styled-components처럼 모듈화 시키기