Timeline Card

쉬움

타임라인 마커와 날짜가 있는 이벤트 카드

#css-only#timeline

라이브 데모

Feb 3, 2026

Project Milestone

Successfully completed the UI component library with 20+ interactive components.

ReactTypeScriptCSS

코드

TimelineCard.tsx

<div className="timeline-card">
  <div className="timeline-marker"></div>
  <div className="timeline-content">
    <div className="timeline-date">Feb 3, 2026</div>
    <h3>Project Milestone</h3>
  </div>
</div>