Commit Graph

5 Commits

Author SHA1 Message Date
Robin Malfait 6253aa52b3 Fix bracket order of not variants (#1621)
* fix order of brackets in selector

* setup tests for `@headlessui/tailwindcss`

* update changelog
2022-06-26 00:48:07 +02:00
Robin Malfait d3ed3f5d26 Split CHANGELOG.md into file per package (#1516)
* splitup CHANGELOG.md file

Scope each changelog per package

* simplify CHANGELOG.md files

We don't need to scope them anymore, they are already scoped.
2022-05-28 18:25:41 +02:00
Robin Malfait df481f3825 0.1.0 - @headlessui/tailwindcss 2022-05-24 23:34:07 +02:00
Robin Malfait 0a81444448 update README 2022-05-24 23:30:17 +02:00
Robin Malfait 39c5bd3230 Add @headlessui/tailwindcss plugin (#1487)
* add `@headlessui/tailwindcss` plugin

* expose `data-headlessui-state="..."` data attribute

All components that expose boolean props in their render prop / v-slot
will receive a `data-headlessui-state="..."` attribute.

If it exposes boolean values but all are false, then there will be an
empty `data-headlessui-state=""`. If the current component is rendering
a `Fragment` then we don't expose those attributes.

* use tailwindcss in `playground-react` and `playground-vue`

We were using the CDN, but now that we have the
`@headlessui/tailwindcss` plugin, it's a bit easier to configure it
natively and import the plugin.

* ensure to build the `@headlessui/tailwindcss` package before starting the playground

* refactor `listbox` example to use the @headlessui/tailwindcss plugin

* update changelog

* bump Tailwind CSS to latest insiders version

* correctly generate types

* type `tailwind.config.js` files for playgrounds

* add todo for when `:has()` is available
2022-05-24 22:51:02 +02:00