버튼

다양한 색상, 모양, 효과를 가진 버튼을 사용할 수 있습니다.

버튼 색상

ContentDefaultPrimarySuccessDanger

소셜 버튼 변경됨

Kakao Naver Facebook Google Twitter

윤곽선 버튼 새로운 기능

DefaultPrimarySuccessDanger

둥근 버튼

Primary roundedDefault rounded

버튼 그림자

Primary shadowDefault shadow

버튼 색상 반전

어두운 배경을 사용할 때 부모 컨테이너에 eq inverse를 추가해주세요. 해당 컨테이너 바로 아래에 위치한 요소가 어두운 배경에 맞게 변화합니다.

Primary inverseDefault inverse

버튼 넓이 최대

버튼 넓이를 최대로 맞추고 싶을 떄 button-expand를 추가해주세요. margin-bottom-small를 함께 사용하면 더 보기 좋아집니다.

Primary width expandDefault width expand