-
Notifications
You must be signed in to change notification settings - Fork 13k
feat: Wizard component #36315
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: Wizard component #36315
Conversation
|
Looks like this PR is not ready to merge, because of the following issues:
Please fix the issues and try again If you have any trouble, please check the PR guidelines |
🦋 Changeset detectedLatest commit: b35711b The changes in this PR will be included in the next version bump. This PR includes changesets to release 36 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
|
Codecov Report❌ Patch coverage is Additional details and impacted files@@ Coverage Diff @@
## develop #36315 +/- ##
===========================================
+ Coverage 65.44% 65.82% +0.38%
===========================================
Files 3094 3188 +94
Lines 105157 106906 +1749
Branches 19999 20395 +396
===========================================
+ Hits 68816 70374 +1558
- Misses 33732 33855 +123
- Partials 2609 2677 +68
Flags with carried forward coverage won't be shown. Click here to find out more. 🚀 New features to boost your workflow:
|
7f49229 to
b1db233
Compare
ec3bcd6 to
566eae3
Compare
8a0a97e to
2baf055
Compare
Proposed changes (including videos or screenshots)
This pull request introduces a new Wizard component designed to simplify the creation of multi-step user flows. The component in its current state is minimal but flexible and controlled by a custom hook that manages the wizard's state.
Key features
useWizardhook manages the entire state of the wizard, including current step and overall progress.Hooks:
useWizardTakes a list of step metadata and returns an API for manipulating the wizard's state.useWizardStepsAccepts aStepsLinkedListand provides a reactive array ofStepNodeobjects.Utility components
WizardThe main container component that receives the wizard API and provides it to all sub-components via context.WizardContentA component that conditionally renders its children based on the current active step.WizardTabsRenders a list of tabs that represent the steps in the wizard, handling navigation and disabled states.WizardActionsA layout component for wrapping and aligning navigation buttons.WizardBackButtonA button that navigates to the previous step. It is automatically disabled if there's no previous step.WizardNextButtonA button that navigates to the next step. It is automatically disabled there's no next step.Issue(s)
CTZ-186
CTZ-188
Steps to test or reproduce
Further comments