Skip to content

Feature Request: Support data-* attributes on React Native (Parity with NativeWind)ย #277

@Sanchitv3

Description

@Sanchitv3

Hi Uniwind team ๐Ÿ‘‹
First of all, great work on Uniwind โ€” weโ€™re actively evaluating it and are very close to integrating Uniwind into gluestack-ui as our styling solution.

While testing, we noticed a gap in support for data-* attributes on React Native, which currently works well in NativeWind but does not seem to work in Uniwind (native).
Problem Statement

In NativeWind, we rely heavily on data-* attributes to drive state-based styling, especially for:

  • Component states (open / closed / active / disabled)
  • Compound components
  • Accessibility-driven UI states
  • Headless / unstyled primitives

Feature Request
Add support for data-* attributes on React Native, similar to NativeWind, so that the following work consistently:

data-[hover=true]:
data-[active=true]:
data-[disabled=true]:
data-[focus-visible=true]:

Context
We are almost done integrating Uniwind into gluestack-ui
This feature is one of the final blockers for full adoption
Happy to test, validate, or help with implementation feedback if needed

Thanks ๐Ÿ™
Thanks again for building Uniwind โ€” itโ€™s shaping up really well.
Looking forward to your thoughts on this and whether itโ€™s something that can be supported.

Let us know how we can help ๐Ÿš€

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions