통계

통계 (Statistic)

숫자·아이콘·이미지·텍스트 값과 라벨로 측정값을 표시하는 뷰 컴포넌트예요. 데이터 요약을 시각적으로 보여 줄 때 사용해요.

출처: 문서

본문

유형 (Types)

통계 (Statistic)

통계는 값과 그 위 또는 아래에 라벨을 표시할 수 있어요.

5,550
      
      
        Downloads
Views
      
      
        40,509

통계 그룹 (Statistic Group)

통계 그룹이에요.

22
        
        
          Faves
        
      
      
        
          31,200
        
        
          Views
        
      
      
        
          22
        
        
          Members

콘텐츠 (Content)

값 (Value)

통계는 숫자, 아이콘, 이미지 또는 텍스트 값을 포함할 수 있어요.

22
        
        
          Saves
        
      
      
        
          Three
          Thousand
        
        
          Signups
        
      
      
        
           5
        
        
          Flights
        
      
      
        
          
          42
        
        
          Team Members

라벨 (Label)

통계는 제시된 값에 대한 맥락을 제공하는 라벨을 포함할 수 있어요.

2,204
      
      
        Views

변형 (Variations)

가로 통계 (Horizontal Statistic)

통계는 측정값을 가로로 제시할 수 있어요.

2,204
      
      
        Views
2,204
        
        
          Views
        
      
      
        
          3,322
        
        
          Downloads
        
      
      
        
          22
        
        
          Tasks

색상 (Colored)

통계를 다른 색상으로 형식 지정할 수 있어요.

27
        
        
          Red
        
      
      
        
          8
        
        
          Orange
        
      
      
        
          28
        
        
          Yellow
        
      
      
        
          7
        
        
          Olive
        
      
      
        
          14
        
        
          Green
        
      
      
        
          82
        
        
          Teal
        
      
      
        
          1
        
        
          Blue
        
      
      
        
          22
        
        
          Violet
        
      
      
        
          23
        
        
          Purple
        
      
      
        
          15
        
        
          Pink
        
      
      
        
          36
        
        
          Brown
        
      
      
        
          49
        
        
          Grey

반전 (Inverted)

통계를 어두운 배경에 맞게 형식 지정할 수 있어요.

54
        
        
          Inverted
        
      
      
        
          27
        
        
          Red
        
      
      
        
          8
        
        
          Orange
        
      
      
        
          28
        
        
          Yellow
        
      
      
        
          7
        
        
          Olive
        
      
      
        
          14
        
        
          Green
        
      
      
        
          82
        
        
          Teal
        
      
      
        
          1
        
        
          Blue
        
      
      
        
          22
        
        
          Violet
        
      
      
        
          23
        
        
          Purple
        
      
      
        
          15
        
        
          Pink
        
      
      
        
          36
        
        
          Brown
        
      
      
        
          49
        
        
          Grey

스택 가능 (Stackable)

통계는 모바일 기기에서 행을 단일 열로 자동으로 쌓을 수 있어요.

27
        
        
          Red
        
      
      
        
          8
        
        
          Orange
        
      
      
        
          28
        
        
          Yellow
        
      
      
        
          7
        
        
          Olive
        
      
      
        
          14
        
        
          Green
        
      
      
        
          82
        
        
          Teal
        
      
      
        
          1
        
        
          Blue
        
      
      
        
          22
        
        
          Violet
        
      
      
        
          23
        
        
          Purple
        
      
      
        
          15
        
        
          Pink
        
      
      
        
          36
        
        
          Brown
        
      
      
        
          49
        
        
          Grey

균등 분할 (Evenly Divided)

통계 그룹은 항목들을 균등하게 나눌 수 있어요.

22
        
        
          Saves
        
      
      
        
          Three
          Thousand
        
        
          Signups
        
      
      
        
           5
        
        
          Flights
        
      
      
        
          
          42
        
        
          Team Members

플루이드 (Fluid)

플루이드 통계는 컨테이너 너비 전체를 차지해요. 단일 통계 그룹의 더 간단한 대안이에요.

2,204
      
      
        Views

플로트 (Floated)

통계는 다른 콘텐츠의 왼쪽이나 오른쪽에 위치할 수 있어요.

2,204
        
        
          Views
        
      

      

      
        
          2,204
        
        
          Views

크기 (Size)

통계 크기를 다르게 할 수 있어요.

2,204
      
      
        Views
      
    
    
      
        2,204
      
      
        Views
      
    
    
      
        2,204
      
      
        Views
      
    
    
      
        2,204
      
      
        Views
      
    
    
      
        2,204
      
      
        Views
      
    
    
      
        2,204
      
      
        Views
2,204
      
      
        Views
      
    
    
    
      
        2,204
      
      
        Views
      
    
    
    
      
        2,204
      
      
        Views
      
    
    
    
      
        2,204
      
      
        Views
      
    
    
    
      
        2,204
      
      
        Views
      
    
    
    
      
        2,204
      
      
        Views

더 알아보기 (Learn more)