Skip to content
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

[steps] circular steps #2170

Open
jamessampford opened this issue Dec 3, 2021 · 4 comments
Open

[steps] circular steps #2170

jamessampford opened this issue Dec 3, 2021 · 4 comments
Labels
state/has-pr An issue which has a related PR open type/feat Any feature requests or improvements

Comments

@jamessampford
Copy link
Contributor

jamessampford commented Dec 3, 2021

Feature Request

Rather than having the “box-like” steps as currently available, how about we add a circular variant that gives just a general overview (no header/description)? Numbers could potentially be used within the circular label or just use solid colours or ticks; but still have disabled options for incomplete steps, etc

A vertical variant could still show headers/descriptions

Example

Steps - Official Tailwind CSS UI Components

Steps - Official Tailwind CSS UI Components 2

@jamessampford jamessampford added state/awaiting-triage Any issues or pull requests which haven't yet been triaged type/feat Any feature requests or improvements labels Dec 3, 2021
@lubber-de lubber-de removed the state/awaiting-triage Any issues or pull requests which haven't yet been triaged label Dec 3, 2021
@jamessampford
Copy link
Contributor Author

I've given it a start - vertical needs a bit of tweaking; horizontal needs rather more

https://jsfiddle.net/f90hyx13/1/

@ivangomes
Copy link

@jamessampford are you still working on this?

@jamessampford
Copy link
Contributor Author

@ivangomes not actively, feel free to take a look - would be nice to get this included at some point as would be very useful for multi-page forms, setup wizards, etc

@ko2in
Copy link
Member

ko2in commented Sep 28, 2023

I've implemented this feature.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
state/has-pr An issue which has a related PR open type/feat Any feature requests or improvements
Projects
None yet
Development

No branches or pull requests

4 participants