개요

핵심 수치와 추세를 간략히 보여주는 카드 컴포넌트입니다.

HTML 구조

<div class="dewp-stat">
  <div class="dewp-stat-icon">📈</div>
  <div class="dewp-stat-content">
    <div class="dewp-stat-label">라벨</div>
    <div class="dewp-stat-value">값</div>
    <div class="dewp-stat-trend is-up">+8.4%</div>
  </div>
</div>
        

변형

• 추세: .is-up, .is-down

베스트 프랙티스

• 값에는 단위를 명확히 표기(%, ₩ 등)
• 추세 텍스트는 색상 대비로 상승/하락을 구분