Skip to content

ui-disabled doesn't work for Tabs #2864

Closed
@bmulholland

Description

@bmulholland

What package within Headless UI are you using?

@headlessui/vue, @headlessui/tailwindcss

What version of that package are you using?

@headlessui/vue: 1.7.16
@headlessui/tailwindcss: 0.2.0

What browser are you using?

Firefox

Reproduction URL

Well, I tried to create one, using the linked template and dropping in the literal example from headlessui.com. But that doesn't work, it throws some weird error I don't understand. I'm not going to debug the sandbox provided, so hopefully this is all you need. I added the class that should illustrate the problem but can't confirm this illustrates it because nothing will load. Hopefully the sandbox and sample code on headlessui.com can be made compatible, too, for future repros.

Attempted repro here

Describe your issue

Tabs can be disabled, and it seems natural that ui-disabled would be applied in that case. Doesn't seem to be, though, and the docs are so light on examples of usage of these that it's left to an exercise to the reader to assume this would work. I'm therefore not really sure if this is intentionally not enabled or what...

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions