BottomCTA
원본: projects/skill-lens/design/components/BottomCTA/README.md
상태: Stable, 접근성 ✓, 다크 ✓, 코드 ✗
하단 고정 CTA: 주 버튼 하나, 이유 한 줄, 보조 링크
화면 아래의 주 행동 영역입니다. 주 버튼 하나와, 버튼이 안 눌리면 그 이유 한 줄.
쓰는 곳
온보딩, 진단, 시트처럼 한 화면에 다음 행동이 하나인 곳.
구성(화면이 넘겨줄 것)
주 버튼 라벨, 비활성 이유, (선택) 이전 버튼.
규칙
- 주 버튼은 하나. 두 번째 행동은 밑줄 링크(
sl-cta__link). - 비활성일 때 이유를 반드시 보입니다.
- 폰에서는 화면 아래 고정이고 높이 56, 전체 폭.
- 위쪽 그라데이션으로 스크롤 내용이 비치지 않게 합니다.
- 누르는 동안
action-pressed, 0.98로 줄어듭니다.
접근성
- 고정 영역이 마지막 내용과 포커스를 가리지 않게 본문 아래 여백을 둡니다.
이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.