Open
Conversation
b9863e4 to
32c9c3d
Compare
- 2 layouts: horizontal (steps bar below header) and vertical (steps sidebar on left) - Composes ui-step-group, ui-button, ui-separator internally - Header: title with size-appropriate typography - Steps: slotted ui-step-group, auto-configured for layout (S horizontal, M vertical) - Content: generic default slot - Footer: Previous/Next buttons with auto-disable/Finish logic - current-step drives step progress + button states - Events: wizard-step-change with detail.step - 43 tests, 4 Storybook stories, catalog page - 56 Playwright visual regression tests Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-opencode) Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
32c9c3d to
435f243
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
New
<ui-wizard>Web Component — a multi-step wizard layout composing existing components.Features
horizontal(steps bar below header) andvertical(steps sidebar on left)<ui-step-group>,<ui-button>,<ui-separator>internally<ui-step-group>auto-configured per layout (S/horizontal, M/vertical)current-stepattribute drives step progress + button stateswizard-step-changewithdetail.stepAPI
Testing
Files
packages/ui-components/src/components/ui-wizard.tspackages/ui-components/src/components/ui-wizard.test.tspackages/ui-components/src/stories/ui-wizard.stories.tspackages/ui-components/src/index.ts— barrel exportsapps/catalog/src/pages/wizard.ts— catalog page