Open터미널 열기
마크다운으로 복사링크 공유

화면 골격

목록 · 스크리너 · 홈이 불러오는 동안 실제와 같은 모양으로 자리를 잡아요.

모바일PCListRowsSkeleton · ScreenerSkeleton · HomeShellSkeleton

고르기#

이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.

언제 쓰나#

  • 불러오는 동안 자리를 잡는 골격(목록·스크리너·홈·단지 상세).

여기로 합친 이름#

아래 이름들은 이 부품의 별칭·프리셋이에요. 새로 쓸 때는 Skeletons를 써요.

인터페이스#

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

ListRowsSkeleton#

속성기본값타입설명
n8number
className-string배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요.

ScreenerSkeleton#

속성기본값타입설명
className-string배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요.

HomeShellSkeleton#

받는 props가 없어요.

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

접근성#

  • 골격은 aria-hidden이라 읽지 않아요.

플랫폼별 차이#

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

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

PC

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