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

받아보기 동의 줄

뉴스레터·알림 같은 선택 동의를 한 줄씩 켜고 꺼요. 처음엔 꺼져 있어요.

모바일PCConsentRow · NewsletterPrompt

고르기#

  • 화면 블록(구독 · 계정)이에요. 공용 부품이 아니라 공용 부품을 조립한 화면 조각이에요. 다른 화면에 같은 일이 필요하면 이 블록을 다시 만들지 말고 정본 부품으로 조립해요.

인터페이스#

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

ConsentRow#

속성기본값타입설명
title*-string마우스를 올리면 뜨는 설명이에요. label이 없으면 이름으로도 써요.
sub*-string제목 아래 한 줄이에요.
on*-boolean켜졌는지예요.
onChange*-(v: boolean) => void값이 바뀌면 새 값으로 불러요.
disabled-boolean못 누르게 하고 40%로 흐려요.

NewsletterPrompt#

속성기본값타입설명
uid*-string
onDone*-() => void

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

접근성#

  • 스위치(role="switch")라 Space·Enter로 켜고 꺼요.

플랫폼별 차이#

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

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

PC

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