أمثلة تفاعلية

استكشف أمثلة حيّة توضّح كيف تتصرّف المكتبة في حالات استخدام Angular الشائعة.

خط زمني عمودي

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.

خطوات تقدّم أفقية

Information

Account verified.

Shipping

Address confirmed.

Payment

In progress.

Review

Last step.

أفقي مع نبض العقدة النشطة

Ordered

Payment received.

Packed

Ready to ship.

In transit

Out for delivery now.

Delivered

Arriving soon.

حالات العقدة

Complete

A finished step.

Active

The current step, highlighted with a ring.

Error

Something needs attention here.

Pending

Not started yet.

عُقَد مخصصة ولون لكل عُقدة

Drafted

Article written and saved.

Reviewed

Approved by the editor.

Publishing

Going live across channels.

Promotion

Scheduled for next week.

تنسيق السمات عبر متغيرات CSS

Kickoff

Project scoped and approved.

Build

Core features shipped.

Launch

Rolling out to production.