공통 컴포넌트_버튼

버튼 컴포넌트_사이즈 타입

Default Button size type(height 기준) : 부모 크기 만큼 사용하고 싶을때 full(64px) 클래스 추가

Default Button size type(height 기준) : midum(48px)

Default Button size type(height 기준) : 글자 크기 만큼 사용하고 싶을때 small(40px) 클래스 추가

버튼 컴포넌트_배경색 타입

Default Button background type : 기본형(white) 클래스 추가 안해도 됨, 검정 배경 사용하고 싶을 경우 - fill 클래스 추가(색상코드 : #111)

버튼 컴포넌트_모양 타입

Default Button shape type : 기본형(모서리가 큰 둥근 타입) 클래스 추가 안해도 됨, 사각형 타입일 경우 - square 클래스 추가

Default Button shape type : 모서리가 작은 둥근 타입일 경우(사이즈 4px) - rouneded-size-4 클래스 추가

버튼 컴포넌트_글자 굵기 타입

Default Button font weight type : 기본형(글자 굵기 600) 클래스 추가 안해도 됨, 글자 굵기 얇은 타입일 경우 weight-normal 클래스 추가

버튼 컴포넌트_아이콘 + 텍스트 타입

Icon Button + text align right type : 아이콘이 오른쪽에 있을 경우 button요소에 icon-right 클래스 추가, 자식요소 span 태그에 희망하는 클래스 만들어 background로 이미지 추가

Icon Button + text align left type : 아이콘이 오른쪽에 있을 경우 button요소에 icon-left 클래스 추가, 자식요소 span 태그에 희망하는 클래스 만들어 background로 이미지 추가

버튼 컴포넌트_텍스트 링크 타입

text-link-button

버튼 컴포넌트_둥근 아이콘 타입