뒤로 가기 머리
전체 화면(상세 · 스크리너) 맨 위의 뒤로 가기 · 제목 · 동작 줄이에요. 스크롤하면 제목 자리에 이름이 올라와요.
모바일PCAppBackHeader
고르기#
이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.
언제 쓰나#
- 상세 화면의 뒤로 가기 머리.
인터페이스#
타입에서 자동으로 뽑은 표예요.
AppBackHeader#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| row | - | Row | |
| title | - | string | 마우스를 올리면 뜨는 설명이에요. label이 없으면 이름으로도 써요. |
| tag | - | ReactNode | |
| onBack | - | () => void | |
| right | - | ReactNode | 오른쪽 끝에 둘 조작이에요. |
| noBack | - | boolean | |
| scrollEl | - | HTMLElement | |
| compact | - | boolean | |
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
| bare | - | boolean | 유리 배경을 그리지 않는다 - 바깥이 이미 자기 면을 가진 경우(떠 있는 폰 도크). |
| named | - | ReactNode | 지역명 올라가? 우리 단지 상세 페이지 헤더처럼"). |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 뒤로 가기 버튼의 이름은 "뒤로"예요.
- 오른쪽 동작은 각자 이름이 있는 버튼이에요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |