MultiStep Component

[jhonkaman]

What version of starlight are you using?

0.34.4

What is your idea?

I think it'd be great if there was a component that was a hybrid of the Tabs and Steps Components that would allow users to move forward and back through an arbitrary number of steps using Next and Previous buttons (kind of like a mini slideshow). This would make it easier to break down large code snippets into smaller steps.

Why is this feature necessary?

This component would be really useful for breaking down large code snippets or complicated processes into multiple steps. This could help prevent users from having to scroll through really long tutorial or documentation pages. My original idea was that it would be used just for particular sections of a tutorial/documentation page, but I think it could be used for the whole page as well. I also think it'd be nice if it could be displayed in a modal/dialog box if the author of the page doesn't want to disrupt the flow of the tutorial/documentation page.

Do you have examples of this feature in other projects?

I don't have an example, but I could create one in vanilla HTML, CSS, and JS. I'm not sure how to build it as an Astro component though.

Participation

• I am willing to submit a pull request for this feature.