마크다운으로 복사링크 공유

로그인 제공자 마크

카카오 · 네이버 · 구글 로그인 버튼의 심볼이에요. 각 회사가 정한 모양 그대로예요.

모바일PCKakaoMark · NaverMark · GoogleMark

고르기#

  • 이 이름은 소셜 아이콘(아이콘)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.

소셜 아이콘 문서 보기 →

인터페이스#

타입에서 자동으로 뽑은 표예요.

KakaoMark#

속성기본값타입설명
className-string배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요.

NaverMark#

속성기본값타입설명
className-string배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요.

GoogleMark#

속성기본값타입설명
className-string배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요.

* 필수예요. 표는 타입에서 자동으로 뽑았어요.

접근성#

  • 그림만 그려요. 이름은 감싼 버튼의 aria-label이 말해요.

플랫폼별 차이#

플랫폼별 차이
플랫폼차이
모바일

PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요.

PC

마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요.