차크라(chakra) UI css library (인텔리기준)
터미널에 입력 해서 다운로드
npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion
<ChakraProvider></ChakreProvider>를 Index.js에 import해주고 사용하는 App 위아래로 감싸준다.
BOX - 차크라 UI 에서 div 같은 역할 (div 안에 차크라 UI 쓰면 적용x)
Box를 사용할거니깐 사용하고자 하는 컴포넌트에 import
import { Box } from "@chakra-ui/react";
속성명을 확인
적용
'react' 카테고리의 다른 글
| useState - react로 DOM 조작하기(컴포넌트 상태변경) (0) | 2023.11.03 |
|---|---|
| children (컴포넌트 안에 어떤 컨텐츠를 사용) (0) | 2023.11.03 |
| react css 적용(보통 css 파일, css module) (0) | 2023.11.02 |
| 코드(컴포넌트) 관리, 분리(export, import) (0) | 2023.11.01 |
| 컴포넌트(Component) (0) | 2023.11.01 |
