03 · Components · 모바일
당겨서 새로고침Pull to Refresh
모바일 목록 상단에서 아래로 당기면 갱신되는 제스처. 피드·메일·소셜처럼 콘텐츠가 자주 업데이트되는 화면에 적합합니다.
StableWCAG AA
동작 미리보기
당기는 거리에 따라 아이콘이 회전하다가 임계치(약 80px)를 넘기면 놓았을 때 새로고침이 실행됩니다.
새로고침 중…
- 알림 1
- 알림 2
- 알림 3
사용 가이드
- 당기는 거리의 1/2 정도로 아이콘이 이동해야 자연스럽습니다.
- 로딩이 1초 이상 예상되면 스피너와 "새로고침 중…" 텍스트를 함께 노출.
- 완료 후 화면 상단에 "마지막 업데이트: 방금" 같은 메타를 노출하면 신뢰가 올라갑니다.
- 데스크톱에서는 제공하지 않습니다. 새로고침 버튼이 더 적합합니다.
제스처 전용 기능은 접근성 사각지대입니다. 키보드·스크린리더 사용자가 쓸 수 있도록 상단에 별도의 "새로고침" 버튼을 함께 제공하세요.