How can I use container queries with StyleX?

facebook / stylex

StyleX is the styling system for ambitious user interfaces.

https://stylexjs.com

MIT License

8.22k stars 303 forks source link

How can I use container queries with StyleX? #515

Closed nexisbs closed 2 months ago

nexisbs commented 2 months ago

Hi, I'm trying to use container queries (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries) with styleX, but it not seems to work at all.

Can you add a support for them?

nmn commented 2 months ago

Container queries are fully supported.

You have to set containerType: "inline-size" on a container, and then you can use @container queries just like @media queries on a child element.

If something is not working as expected, please provide an example of what is not working. Ideally with a small project (perhaps on StackBlitz?) that shows the error.