타임라인

타임라인

서로 아래에 있는 것들, 각기 마커에 표시되어 선으로 연결됨: 절차의 단계, 역사적 사건, 실행의 단계. 각 항목이 담고 있는 것은 자유롭습니다 — 텍스트 한 줄, 표, 양식 — 그리고 그 선은 전체를 따라 이어져 다음 마커로 갑니다.

단계 순서

번호가 매겨져 있으며 스텝퍼가 아는 세 가지 상태가 있습니다: 뒤의 단계는 실선으로 그려지고, 현재 진행 중인 단계는 두드러지며, 앞의 단계는 대기합니다.
  1. 소스 가져오기

    저장소를 복제하고 의존성을 설치하세요.

  2. 구성하기

    예제 환경을 복사하고 데이터베이스 주소를 입력하세요.

  3. 데이터베이스 생성

    마이그레이션을 실행하세요; 이것이 진행 중인 단계입니다.

  4. 배포하기

    자산을 빌드하고 릴리스를 게시하세요.

제목 아래의 모든 것

각 항목은 필요한 것을 담고 있습니다 — 속성, 메시지, 버튼. 아이콘이 점을 대신하고, 톤이 마커의 색을 결정합니다.
  1. 주문 완료
    3월 14일, 09:41
    참조
    ORD-2026-0142
    금액
    € 184.00
    결제 방식
    카드 끝자리 4242
  2. 결제 완료
    3월 14일, 09:42
  3. 배송됨
    3월 15일, 16:05
    지연 중

    운송업체가 하루 더 소요된다고 알립니다.

  4. 배달

역사

따를 순서가 없는 사건들: 점들, 각 제목 아래의 날짜, 그리고 어떤 내용을 전달하는 카테고리 색상.
  1. 버전 2.0 출시됨
    9월 2일
  2. 팀 검토 완료
    8월 28일
  3. 초안
    8월 12일

아직 결정되지 않은 단계

스텝퍼와 마찬가지로: 아직 주어지지 않은 답변에 따라 달라지는 단계는 번호가 없고 다른 단계에 영향을 미치지 않습니다.
  1. 소스 가져오기
  2. 계획 선택하기
  3. 계획에 따라 다름
  4. 배포하기

손으로 작성됨

이 컴포넌트는 목록에서 형태를 작성하는 방법일 뿐입니다. 페이지에 작성된 동일한 클래스는 동일한 타임라인을 만들어내며, 그 안에 무엇이든 담을 수 있습니다.
  1. 간단한 점
  2. 점 대신 아이콘

    페이지에 작성된 모든 마크업.

뷰에서

뷰 트리에서 동일한 타임라인. 가지가 마크업으로 취하는 것은 그곳에서 스코프 슬롯이 되므로, 컴포넌트는 항목의 제목 아래에 서 있을 수 있습니다.
v1.0.29