EventSparkline
visualShow an event label, value, change, and miniature trend chart together.
컴포넌트 의존 관계
깊이
100%
Page Views
2,847up +12.5%
Bounce Rate
34%down -8.2%
테스트 커버리지
2026년 7월 9일2/2 통과
2성공
0실패
2전체
- 라벨과 값을 렌더링한다
- 변화량과 트렌드를 표시한다
EventSparkline Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
data* | number[] | — | 스파크라인 값 |
label | string | — | 이벤트 이름 |
value | string | — | 현재 값 |
change | string | — | 변화량 텍스트 |
trend | TrendDirection | "neutral" | 변화 방향. 상태색 + 화살표 + 숨김 텍스트 |
invertTrend | boolean | false | 내려가는 게 좋은 지표. 배지 색의 판정만 뒤집는다 |
color | string | — | 스파크라인 색 |
className | string | — | 루트 CSS 클래스 |
labels | EventSparklineLabels | — | 기본 라벨·접근성 이름·방향 낱말. 지역화 지점 |
Import
tsx
import { EventSparkline } from "@reopt-ai/opt-ui";