Antd 적용하기

jw·2022년 3월 18일
0

learn-all-with-javascript

목록 보기
31/33
post-thumbnail

Antd: 디자인을 손쉽게 도와주는 라이브러리 -> 더 손쉽게 화면 UI 디자인 가능(버튼, 아이콘, 팝오버, 카드)
https://ant.design/components/overview/

1. 로고 누르면 메인 페이지로 이동 구현

2. 업로드 버튼 만들기

1) npm install antd
2) import 'antd/dist/antd.css';
3) css에 line-height:normal; 적용하기(antd쓰면 줄 간격이 달라져서 이거 초기화 시켜야함)

5) import {Button} from "antd";
6) antd의 Icon 사용할거면 npm install --save @ant-design/icons
7) import { UploadOutlined } from "@ant-design/icons";

profile
다시태어나고싶어요

0개의 댓글