fdd2629795
* use esbuild for React instead of tsdx * remove tsdx from Vue * use consistent names * add jest and prettier * update scripts * ignore some folders for prettier * run lint script instead of tsdx lint * run prettier en-masse This has a few changes because of the new prettier version. * bump typescript to latest version * make typescript happy * cleanup playground package.json * make esbuild a dev dependency * make scripts consistent * fix husky hooks * add dedicated watch script * add `yarn playground-react` and `yarn react-playground` (alias) This will make sure to run a watcher for the actual @headlessui/react package, and start a development server in the playground-react package. * ignore formatting in the .next folder * run prettier on playground-react package * setup playground-vue Still not 100% working, but getting there! * add playground aliases in @headlessui/vue and @headlessui/react This allows you to run `yarn react playground` or `yarn vue playground` from the root. * add `clean` script * move examples folder in playground-vue to root * ensure new lines for consistency in scripts * fix typescript issue * fix typescript issues in playgrounds * make sure to run prettier on everything it can * run prettier on all files * improve error output If you minify the code, then it could happen that the errors are a bit obscure. This will hardcode the component name to improve errors. * add the `prettier-plugin-tailwindcss` plugin, party! * update changelog
52 lines
2.9 KiB
Markdown
52 lines
2.9 KiB
Markdown
<h3 align="center">
|
|
Headless UI
|
|
</h3>
|
|
|
|
<p align="center">
|
|
A set of completely unstyled, fully accessible UI components, designed to integrate
|
|
beautifully with Tailwind CSS.
|
|
</p>
|
|
|
|
---
|
|
|
|
## Documentation
|
|
|
|
For full documentation, visit [headlessui.dev](https://headlessui.dev).
|
|
|
|
### Installing the latest version
|
|
|
|
You can install the latest version by using:
|
|
|
|
- `npm install @headlessui/react@latest` or `yarn add @headlessui/react@latest`.
|
|
- `npm install @headlessui/vue@latest` or `yarn add @headlessui/vue@latest`.
|
|
|
|
### Installing the insiders version
|
|
|
|
You can install the insiders version (which points to whatever the latest commit on the `main` branch is) by using:
|
|
|
|
- `npm install @headlessui/react@insiders` or `yarn add @headlessui/react@insiders`.
|
|
- `npm install @headlessui/vue@insiders` or `yarn add @headlessui/vue@insiders`.
|
|
|
|
**Note:** The insiders build doesn't follow semver and therefore doesn't guarantee that the APIs will be the same once they are released.
|
|
|
|
## Packages
|
|
|
|
| Name | Version | Downloads |
|
|
| :------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------: |
|
|
| [`@headlessui/react`](https://github.com/tailwindlabs/headlessui/tree/main/packages/%40headlessui-react) | [](https://www.npmjs.com/package/@headlessui/react) | [](https://www.npmjs.com/package/@headlessui/react) |
|
|
| [`@headlessui/vue`](https://github.com/tailwindlabs/headlessui/tree/main/packages/%40headlessui-vue) | [](https://www.npmjs.com/package/@headlessui/vue) | [](https://www.npmjs.com/package/@headlessui/vue) |
|
|
|
|
## Community
|
|
|
|
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
|
|
|
|
[Discuss Headless UI on GitHub](https://github.com/tailwindlabs/headlessui/discussions)
|
|
|
|
For casual chit-chat with others using the library:
|
|
|
|
[Join the Tailwind CSS Discord Server](https://discord.gg/7NF8GNe)
|
|
|
|
## Contributing
|
|
|
|
If you're interested in contributing to Headless UI, please read our [contributing docs](https://github.com/tailwindlabs/headlessui/blob/main/.github/CONTRIBUTING.md) **before submitting a pull request**.
|