Timeline
타임라인
Timeline은 사건, 상태, 중요 순간을 하나의 보이는 선을 따라 시간 순서대로 놓아.
다른 예시
배송 기록표는 주문 접수, 포장, 발송, 지연, 배송 완료의 정확한 날짜를 보여줘요.
주요 부분
- 01Trigger or task context
- 02Primary control surface
- 03Feedback, focus, and dismissal
사용할 때
시간과 순서가 사람들이 진행 상황이나 역사를 이해하는 데 도움이 될 때 사용하세요.
다음 경우에는 사용하지 마세요
이벤트가 의미 있는 시간 순서를 갖지 않을 때 장식용으로만 연결선을 그리지 마세요.
코드에서 사용된 이름
<ol> + <time> 출시하기 전에
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome：Complete the task with 타임라인 (Timeline)。 User context：배송 기록표는 주문 접수, 포장, 발송, 지연, 배송 완료의 정확한 날짜를 보여줘요. Recommended pattern：타임라인 (Timeline)。 Why it fits：시간과 순서가 사람들이 진행 상황이나 역사를 이해하는 데 도움이 될 때 사용하세요. Do not use it when：이벤트가 의미 있는 시간 순서를 갖지 않을 때 장식용으로만 연결선을 그리지 마세요. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary)：하나의 공식 표준이 전체 용어를 통제하지 않음. 의미는 팀, 플랫폼 또는 프레임워크마다 달라질 수 있음. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
이 요청을 확인하세요
Review how 타임라인 (Timeline) is used now. Definition: Timeline은 사건, 상태, 중요 순간을 하나의 보이는 선을 따라 시간 순서대로 놓아. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.