Components
Timeline
시간순 이력을 보여줍니다. 변경 로그·감사 기록에 씁니다.
2026-07-29 14:32
파일 접수
그린마트 김민수 · 3개 파일 · 5.2 GB
2026-07-29 14:05
전송 링크 발급
유효기간 30일
코드 보기
<div class="tn-tl">
<div class="te">
<div class="td2">시각</div>
<div class="tt2">제목</div>
<div class="ts2">상세 한 줄</div>
</div>
</div>Variants
| 이름 | 설명 | 미리보기 |
|---|---|---|
| 기본 | 점 + 세로선 · 최신이 위 | 14:32파일 접수 |
Guidelines
✓ Do
- 최신이 항상 위
- 시각은 절대 시각으로 ("3분 전" 금지 — 감사 기록)
✕ Don't
- 항목마다 아이콘 다르게 두지 않는다
- 타임라인 안에 버튼 금지
Specification
| 속성 | 토큰/값 | 비고 |
|---|---|---|
선 | 2px var(--border) | |
점 | 8px --foreground |
비교
Timeline vs List — 시간이 축이면 Timeline, 항목이 축이면 List.