Steps (Adım Bileşenleri)
Adım adım gösterim ve öğretim akışı bileşenleri — StepsSection ve kullanım örnekleri.
Bu bölüm, Achidemy arayüzünde adım (steps) tabanlı gösterim ve öğretim akışlarında kullanılan bileşenleri açıklar.
StepsSection
Section titled “StepsSection”Konum: app/components/teaching/StepsSection.tsx
Öğretim / tanıtım sayfalarında (örn. uygulama içi “Öğretmeye Başla” sayfası) kullanıcıya adım adım yol göstermek için kullanılır. Adımlar genelde numaralı kartlar veya liste olarak sunulur.
Kullanım
Section titled “Kullanım”- Sayfa:
app/routes/teaching.tsx— Öğretmeye başlama (instructor onboarding) akışında adımlar bu bileşenle render edilir. - İçerik: Adım başlığı, kısa açıklama ve isteğe bağlı CTA (Call-to-Action) linki.
İleride bu sayfaya her bir adım bileşeninin prop’ları, stilleri ve erişilebilirlik notları eklenebilir.