Angular Timeline & Fortschrittsschritte | ng-hub-ui-milestones
Angular Timeline- und Fortschrittsschritte-Komponente: vertikal oder horizontal, vollständig anpassbare Knoten, Inhalte innerhalb und neben jedem Schritt, gestaltet mit CSS-Variablen.
Interaktive Beispiele
Erkunde Live-Beispiele, die zeigen, wie sich die Bibliothek in gängigen Angular-Anwendungsfällen verhält.
Vertikale Zeitachse
Information
Account details captured and verified.
Shipping
Delivery address confirmed.
Payment
Enter your payment method to continue.
Review
Place the order once everything looks right.
Horizontale Fortschrittsschritte
Information
Account verified.
Shipping
Address confirmed.
Payment
In progress.
Review
Last step.
Horizontal mit aktivem Puls
Ordered
Payment received.
Packed
Ready to ship.
In transit
Out for delivery now.
Delivered
Arriving soon.
Knotenzustände
Complete
A finished step.
Active
The current step, highlighted with a ring.
Error
Something needs attention here.
Pending
Not started yet.
Benutzerdefinierte Knoten & Farbe pro Knoten
Drafted
Article written and saved.
Reviewed
Approved by the editor.
Publishing
Going live across channels.
Promotion
Scheduled for next week.
Theming mit CSS-Variablen
Kickoff
Project scoped and approved.
Build
Core features shipped.
Launch
Rolling out to production.