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

Add hide steps option #97

Open
pauloreis7 opened this issue Nov 21, 2022 · 3 comments
Open

Add hide steps option #97

pauloreis7 opened this issue Nov 21, 2022 · 3 comments

Comments

@pauloreis7
Copy link

I would like to use the component and its logic, but hide the steps. Is it possible?

Ex: visibleSteps: @defautl true // if false hide te steps circles

I believe I have come up with an interesting solution for this, let me know if it is something welcome for a PR about it

@jeanverster
Copy link
Owner

Hi @pauloreis7 I'm not too sure what you mean? So you want to hide the actual circles at the top? It would be fairly trivial to implement the logic without actually having the steps ui at the top.. Not sure if it would be worth adding such functionality to this component 🤷‍♂️

@pauloreis7
Copy link
Author

pauloreis7 commented Nov 22, 2022

  • So you want to hide the actual circles at the top?. Yes, I would like to use the steps logic in a form, but without the circles.
  • I got a clean soluction in my app, just hidding the li tags inside the steps ul tag with css.
    This is an example of a bitcoin marketplace that uses the steps logic without the circles in a multi steps form:
    image

I would like to use the steps logic, but removing the circles at top.
Let me know if it is a a welcome feature, thanks

@bwcr
Copy link

bwcr commented Feb 21, 2023

  • So you want to hide the actual circles at the top?. Yes, I would like to use the steps logic in a form, but without the circles.
  • I got a clean soluction in my app, just hidding the li tags inside the steps ul tag with css.
    This is an example of a bitcoin marketplace that uses the steps logic without the circles in a multi steps form:
    image

I would like to use the steps logic, but removing the circles at top. Let me know if it is a a welcome feature, thanks

For now you can hide the circles by using CSS

.cui-steps {
  display: none;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants