انتقل إلى المحتوى

مكون الخصائص القابل للطي

🧩 مكون الخصائص القابل للطي (Accordion)

مكون لعرض من ميزتين إلى خمس ميزات بطريقة قابلة للطي. بشكل افتراضي، تكون أول ميزة مفتوحة. عند النقر على ميزة، تُغلق الميزات الأخرى تلقائيًا.

🖱️ النص قابل للنقر ويعرض شرح الميزة عند النقر عليه. 🎥 الوسائط يمكن أن تكون فيديو، صورة، أو لا شيء. يتم تشغيل الفيديو تلقائيًا لتحسين تجربة المستخدم.


🔧 مكون Accordion للميزات في قالب SaaSFast

Alt Text

📄 الملف: page.js

import FeaturesAccordion from "@/components/FeaturesAccordion";

💡 نصائح

  • اجعل عنوان الميزة بسيط وقصير (أقل من 5 كلمات).