Robin Malfait
4942928db1
* rename Transition to TransitionRoot This will allow us to write it as: - TransitionRoot - TransitionChild This has the added benefit that it doesn't collide with the internal Transition component from Vue itself. * alias Transition.Root to Transition This allows us to write: - Transition.Root - Transition.Child If you have a standalone Transition, then you can still use <Transition /> as is. * drop unusued import * update changelog
@headlessui/react
A set of completely unstyled, fully accessible UI components for React, designed to integrate beautifully with Tailwind CSS.
Installation
# npm
npm install @headlessui/react
# Yarn
yarn add @headlessui/react
Components
This project is still in early development. New components will be added regularly over the coming months.
- Transition
- Menu Button (Dropdown)
- Listbox (Select)
- Switch (Toggle)
- Disclosure
- FocusTrap
- Portal
- Dialog
- Popover
- Radio Group
Roadmap
This project is still in early development, but the plan is to build out all of the primitives we need to provide interactive React examples of all of the components included in Tailwind UI, the commercial component directory that helps us fund the development of our open-source work like Tailwind CSS.
This includes things like:
- Tabs
- Accordions
...and more in the future.
We'll be continuing to develop new components on an on-going basis, with a goal of reaching a pretty fleshed out v1.0 by the end of the year.