Placeholder

Placeholder는 곧 레이아웃에 나타날 콘텐츠의 자리를 미리 확보하는 데 사용해요. 로딩 중인 화면에서 빈 자리를 그럴듯하게 채워주는 요소예요.

출처: Placeholder

본문

Types

Placeholder

플레이스홀더는 곧 레이아웃에 나타날 콘텐츠를 위해 공간을 예약하는 데 사용돼요.

Simulate Loading
    
    
      
        
        
          
          
        
       
        
          
            
            
          
          
           
            
          
        
       
        
          Add
          Delete
        
      
    
    
      
        Lindsay
        
          Joined in 2013
        
        
          Primary Contact
        
      
      
        Add
        Delete

Content

Lines

플레이스홀더는 텍스트 줄들을 포함할 수 있어요

Headers

플레이스홀더는 헤더를 포함할 수 있어요

Paragraph

플레이스홀더는 문단을 포함할 수 있어요

Image

플레이스홀더는 이미지를 포함할 수 있어요

Variations

Line Length

줄은 콘텐츠가 나타날 길이를 지정할 수 있어요

Fluid

유동(fluid) 플레이스홀더는 컨테이너의 너비 전체를 차지해요

Inverted

플레이스홀더의 색을 반전시킬 수 있어요.

더 알아보기

Placeholder는 주로 스켈레톤 로딩 화면을 만들 때 사용해요. 실제 데이터가 준비되기 전에 레이아웃을 안정적으로 유지하고 싶다면 로더나 세그먼트와 함께 활용해보세요.