Multi-Step Form Component

[Imrane-Erraji]

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the contributing guidelines

Proposal

Problem Statement:

Multi-step forms are a common UX pattern used in registration, surveys, onboarding, and checkout processes. Currently, Bootstrap does not offer a native multi-step form component. Developers often rely on third-party plugins, custom CSS, and JS, leading to styling and _responsiveness_inconsistency.

Motivation and context

1. Improved User Experience (UX) 🎯

   • Reason: Multi-step forms simplify complex processes, reducing user overwhelm and increasing completion rates.
   • Benefit: A native Bootstrap component enhances satisfaction and conversion rates by offering user-friendly forms.

2. Reduces Development Time ⏱️

   • Reason: Relying on third-party tools can lead to inconsistencies and prolonged development.
   • Benefit: A built-in multi-step form saves time, reduces redundant code, and ensures design consistency.

3. Enhances Consistency and Theming 🎨

   • Reason: External libraries may conflict with Bootstrap's design.
   • Benefit: A native component maintains alignment with Bootstrap’s grid and design system for a consistent UI.

4. Boosts Accessibility ♿

   • Reason: Custom forms often require extra effort for accessibility compliance.
   • Benefit: A Bootstrap component is designed with accessibility in mind, improving usability for all users.

5. Supports Mobile-First Design 📱

   • Reason: Mobile traffic is rising, necessitating responsive forms.
   • Benefit: A mobile-first component adapts layouts effortlessly for various screen sizes.

6. Aligns with Modern Web Practices 💻

   • Reason: Multi-step forms are standard in modern applications.
   • Benefit: Adding this feature aligns Bootstrap with current web trends, equipping developers with essential tools.

7. Increases Bootstrap’s Versatility 🌍

   • Reason: Bootstrap lacks some advanced components like multi-step forms.
   • Benefit: This addition would enhance its versatility and attract more users to the framework.

[rijenkii]

Duplicate of #31014?

[julien-deramond]

This seems to be a duplicate of #31014
Closing this issue. Feel free to comment if it wasn't the case.