돌아가는 머리말
좁은 칸에서 여러 조각을 하나씩 돌려 보여 줘요.
모바일PCHeadRotate
고르기#
이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.
언제 쓰나#
- 머리말·예시 문장이 차례로 바뀌는 표시.
인터페이스#
타입에서 자동으로 뽑은 표예요.
HeadRotate#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| items* | - | ReactNode[] | |
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
| ms | 3800 | number | |
| h | 20 | number | 상자 높이(px). ★쓰는 쪽이 **가장 높은 항목**에 맞춰 준다 - 기본 20은 t-cap 글자와 |
| seed | - | string | 단지 cid 등. 주면 시작 항목과 전환 위상이 단지마다 달라진다(목록이 한 몸처럼 안 움직인다). |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 동작 줄이기 설정이면 돌지 않아요.
- 나가는 조각은 읽지 않아요(aria-hidden).
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |