Skip to content

Add disabled state to accordion and collapse #35412

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

Closed
2 tasks done
Kopyov opened this issue Nov 28, 2021 · 2 comments
Closed
2 tasks done

Add disabled state to accordion and collapse #35412

Kopyov opened this issue Nov 28, 2021 · 2 comments
Labels
feature js stale Closed as stale

Comments

@Kopyov
Copy link
Contributor

Kopyov commented Nov 28, 2021

Prerequisites

Proposal

Would be very handy to have an ability to disable certain accordion or collapse items by adding .disabled to .accordion-item.

Motivation and context

If accordion is used as a simple wizard (e.g. checkout process in e-commerce or user registration), next steps can be shown but be disabled until user completes the current step. This option will extend accordion use cases.

@ffoodd
Copy link
Member

ffoodd commented Feb 8, 2022

@malarium suggested a first step in their PR: using .pe-none utility to disable pointer events on your disable accordion.

I guess that's not enough to completely cover your needs, but that's a good starting point indeed!

@patrickhlauke
Copy link
Member

generally, you'd disable an accordion or collapse by making the <button> that controls it disabled ... no need for any extra functionality/changes?

@mdo mdo added the stale Closed as stale label Apr 10, 2025
@mdo mdo closed this as not planned Won't fix, can't repro, duplicate, stale Apr 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature js stale Closed as stale
Projects
None yet
Development

No branches or pull requests

5 participants