Skip to content

feat(stepper): add stepper component - #1095

Merged
buseselvi merged 14 commits into
nextfrom
893-stepper-component
Dec 25, 2025
Merged

buseselvi merged 14 commits into
nextfrom
893-stepper-component

Conversation

@erbilnas

@erbilnas erbilnas commented Oct 6, 2025

Copy link
Copy Markdown
Collaborator

No description provided.

@erbilnas erbilnas changed the title feat(stepper): add stepper component WIP: feat(stepper): add stepper component Oct 6, 2025
@erbilnas
erbilnas marked this pull request as draft October 6, 2025 13:15
@erbilnas erbilnas changed the title WIP: feat(stepper): add stepper component feat(stepper): add stepper component Oct 6, 2025
Erbil Nas and others added 8 commits October 20, 2025 14:13
- Update type names: 'dots' -> 'dot', 'numbers' -> 'number', 'icons' -> 'icon'
- Add hover variant support for interactive states
- Refactor connector rendering from pseudo-elements to explicit DOM elements
- Add showLeadingConnector and showTrailingConnector properties for proper connector visibility
- Fix indicator alignment and sizing (32px circle, 10px dot, 18px icon)
- Add connector placeholder for consistent horizontal alignment
- Ensure dot and number types never show icons (only icon type shows icons)
- Center align icons within indicators
- Update CSS colors, spacing, and typography to match design specs
- Update stories and tests with new type names
- Fix stylelint and prettier issues
@erbilnas
erbilnas marked this pull request as ready for review December 1, 2025 11:48
@erbilnas

erbilnas commented Dec 1, 2025

Copy link
Copy Markdown
Collaborator Author

The only issue is that I saw, the lines between the stepper steps aren’t visible in Storybook. When I checked in the playground everything looked fine, so it seems to be a Storybook specific issue. Other than that, everything looks good. Thanks again for your hard work @dilandoogan 🚀 🙏

Screenshot 2025-12-01 at 4 30 22 PM

@erbilnas
erbilnas requested review from AykutSarac and fatihhayri and removed request for fatihhayri December 1, 2025 13:33
@dilandoogan

Copy link
Copy Markdown
Contributor

The deployed Storybook looks fine on my side, so I was curious why it didn’t display correctly for you :( Since we built the component together, thank you as well!
Uploading Ekran Resmi 2025-12-01 16.41.25.png…

@erbilnas

erbilnas commented Dec 1, 2025

Copy link
Copy Markdown
Collaborator Author

Then let's move it to beta. The issue might be coming from my local environment.

Comment thread src/components/stepper/bl-stepper.ts Outdated
Comment thread src/components/stepper/bl-stepper.ts Outdated
Comment thread src/components/stepper/bl-stepper.ts
Comment thread src/components/stepper/bl-stepper.ts
Comment thread src/components/stepper/bl-stepper-item.ts
Comment thread src/components/stepper/bl-stepper.ts
Comment thread src/components/stepper/bl-stepper-item.ts
Comment thread src/components/stepper/bl-stepper-item.ts Outdated
@buseselvi
buseselvi requested review from buseselvi and removed request for fatihhayri December 25, 2025 10:25
@buseselvi
buseselvi merged commit a8d38a6 into next Dec 25, 2025
9 checks passed
@buseselvi
buseselvi deleted the 893-stepper-component branch December 25, 2025 10:25
@github-actions

Copy link
Copy Markdown

🎉 This PR is included in version 3.4.0-beta.18 🎉

The release is available on:

Your semantic-release bot 📦🚀

@github-actions

Copy link
Copy Markdown

🎉 This PR is included in version 3.4.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants