0.2.0 • Published 2 days ago

@headlessui/tailwindcss v0.2.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 days ago

Installation

npm install @headlessui/tailwindcss
// tailwind.config.js
module.exports = {
  content: [],
  theme: {
    extend: {},
  },
  plugins: [
    require('@headlessui/tailwindcss')

    // Or with a custom prefix:
    require('@headlessui/tailwindcss')({ prefix: 'ui' })
  ],
}

Documentation

Use Tailwind CSS utilities for styling the components based on their state. You can use the following variants:

VariantInverse variant
ui-openui-not-open
ui-checkedui-not-checked
ui-selectedui-not-selected
ui-activeui-not-active
ui-disabledui-not-disabled

Example:

import { Menu } from '@headlessui/react'

function MyDropdown() {
  return (
    <Menu>
      <Menu.Button>More</Menu.Button>
      <Menu.Items>
        <Menu.Item>
          <a
            className="ui-active:bg-blue-500 ui-active:text-white ui-not-active:bg-white ui-not-active:text-black"
            href="/account-settings"
          >
            Account settings
          </a>
        </Menu.Item>
        {/* ... */}
      </Menu.Items>
    </Menu>
  )
}

Community

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

Discuss Headless UI on GitHub

For casual chit-chat with others using the library:

Join the Tailwind CSS Discord Server

rtu-components-2@yamcodes/ui@everything-registry/sub-chunk-389bot-test-purpose2@choutianxius/tremor@billes-tryckeri/poff-components@cloud-party/ui@cookbookdev/docsbot@crhio/concrete@creation-ui/core@creation-ui/react@colisweb/rescript-toolkit@covalenthq/goldrush-kit@dripui/react@douglasneuroinformatics/libui@douglasneuroinformatics/ui@dominic-erp/nuxt-ui@gseller-monorepo/area-chart@flnt-accurait/web-components@foundry360/ui@joshunrau/ui@jetfly/ui@lechihuy/gennote-reactspin-next-modulesreact-bricksrpv-uirtu-componentsstn-uitremor2axistremorv3devtest@agility/plenum-ui@abusix/hailstorm@aeonkit/react@angsanley/nuxt-ui@jansora/ui@king0120/tremor@lightdotso/tailwindcss@salfatigroup/tailwind-config@raralabs/components@pacely-next/ui@nuxt/ui@nuxt/ui-edge@obewds/vueventus@offchainlabs/cobalt@mosqueicu/react@metrito/tremor-react@the_human_cipher/components-libraryblockauth-sdk-reactapollo-client-devtools@wedevs/tail-react@while-and-for/tremor-react@zulustation/ui@zenuml/core@topsort/tremor@tremor/react@toantranmei/mei-nuxt3-ui@trytrench/tremorbecool-uiadata-ui-v2atomicform-component-libraryccsfasswea-uichat-nextpyclada-storybookgyles-uidewcobaltdimo-design-systemcreate-cross-archcreate-exo-frontend-templategrk-lolladministration-vue-hookkoro-toolshotelblockstestnuxt-ui-customnxt-uiembeddable-analyticsdropuifrolic-reactgen-ai-bot
0.0.0-insiders.1a440e1

2 days ago

0.0.0-insiders.5952268

2 days ago

0.0.0-insiders.f35214d

3 days ago

0.0.0-insiders.2e6cb12

2 days ago

0.0.0-insiders.319bcba

3 days ago

0.0.0-insiders.db702a7

2 days ago

0.0.0-insiders.cb1abe4

3 days ago

0.0.0-insiders.4acf9e2

4 days ago

0.0.0-insiders.872808c

4 days ago

0.0.0-insiders.beaae6a

4 days ago

0.0.0-insiders.539c124

7 days ago

0.0.0-insiders.afc9cb6

7 days ago

0.0.0-insiders.26e1644

8 days ago

0.0.0-insiders.b6aa1d6

9 days ago

0.0.0-insiders.36616b2

9 days ago

0.0.0-insiders.d56a77b

9 days ago

0.0.0-insiders.166e862

9 days ago

0.0.0-insiders.8c7cbb3

9 days ago

0.0.0-insiders.d2b7345

10 days ago

0.0.0-insiders.6c9e4b2

11 days ago

0.0.0-insiders.b4cda76

11 days ago

0.0.0-insiders.8a272c1

11 days ago

0.0.0-insiders.dcbcd79

14 days ago

0.0.0-insiders.83cda0a

15 days ago

0.0.0-insiders.8fa5caf

14 days ago

0.0.0-insiders.b517a39

14 days ago

0.0.0-insiders.38551c8

14 days ago

0.0.0-insiders.9f44656

17 days ago

0.0.0-insiders.cb9cda7

18 days ago

0.0.0-insiders.004b8dc

18 days ago

0.0.0-insiders.888ea12

18 days ago

0.0.0-insiders.512bf44

18 days ago

0.0.0-insiders.b86737b

21 days ago

0.0.0-insiders.00f84ac

22 days ago

0.0.0-insiders.ed98bad

22 days ago

0.0.0-insiders.92a69ef

22 days ago

0.0.0-insiders.8652f80

22 days ago

0.0.0-insiders.b3377eb

24 days ago

0.0.0-insiders.ae8c253

25 days ago

0.0.0-insiders.c8037fc

28 days ago

0.0.0-insiders.c1d3b7e

1 month ago

0.0.0-insiders.4ed69f6

1 month ago

0.0.0-insiders.d03fbb1

1 month ago

0.0.0-insiders.4f89588

1 month ago

0.0.0-insiders.6d44a8d

1 month ago

0.0.0-insiders.bf4dc77

1 month ago

0.0.0-insiders.056b311

1 month ago

0.0.0-insiders.000e0c0

1 month ago

0.0.0-insiders.834dbf4

2 months ago

0.0.0-insiders.8c1c42b

2 months ago

0.0.0-insiders.8a9867c

2 months ago

0.0.0-insiders.79b0330

2 months ago

0.0.0-insiders.626a253

2 months ago

0.0.0-insiders.5a85d80

2 months ago

0.0.0-insiders.b3fed03

2 months ago

0.0.0-insiders.043edb8

2 months ago

0.0.0-insiders.a50be92

2 months ago

0.0.0-insiders.08baf09

3 months ago

0.0.0-insiders.4156c45

3 months ago

0.0.0-insiders.680db08

3 months ago

0.0.0-insiders.25ba013

3 months ago

0.0.0-insiders.c71c676

3 months ago

0.0.0-insiders.08d380a

3 months ago

0.0.0-insiders.0e0277a

3 months ago

0.0.0-insiders.da94b80

3 months ago

0.0.0-insiders.edbcb81

3 months ago

0.0.0-insiders.ce17c6d

3 months ago

0.0.0-insiders.f2bc6fd

3 months ago

0.0.0-insiders.3b2a102

4 months ago

0.0.0-insiders.aff438e

4 months ago

0.0.0-insiders.2b7a57e

4 months ago

0.0.0-insiders.b83b5b6

4 months ago

0.0.0-insiders.f6a99ca

4 months ago

0.0.0-insiders.a327657

4 months ago

0.0.0-insiders.33286d0

4 months ago

0.0.0-insiders.a730073

4 months ago

0.0.0-insiders.3b961a6

4 months ago

0.0.0-insiders.8c882e0

4 months ago

0.0.0-insiders.9f0b19f

4 months ago

0.0.0-insiders.20b3b65

4 months ago

0.0.0-insiders.e662f12

4 months ago

0.0.0-insiders.13f4cd5

4 months ago

0.0.0-insiders.d94038f

4 months ago

0.0.0-insiders.7a1940e

4 months ago

0.0.0-insiders.847976a

4 months ago

0.0.0-insiders.a7cf43e

4 months ago

0.0.0-insiders.33a5893

4 months ago

0.0.0-insiders.5976b9a

4 months ago

0.0.0-insiders.1c2982a

4 months ago

0.0.0-insiders.c24ba86

5 months ago

0.0.0-insiders.01a34cb

5 months ago

0.0.0-insiders.c25e2e6

5 months ago

0.0.0-insiders.c2096b0

5 months ago

0.0.0-insiders.6846231

5 months ago

0.0.0-insiders.7b30e06

5 months ago

0.0.0-insiders.88a0138

9 months ago

0.0.0-insiders.b380d03

9 months ago

0.0.0-insiders.d4a94cb

7 months ago

0.0.0-insiders.842890d

9 months ago

0.0.0-insiders.2eabdd4

9 months ago

0.0.0-insiders.510cb6e

9 months ago

0.0.0-insiders.cc163ea

9 months ago

0.0.0-insiders.00fdb7e

10 months ago

0.0.0-insiders.076b03c

10 months ago

0.0.0-insiders.c22a8c1

9 months ago

0.0.0-insiders.d4aa86d

8 months ago

0.0.0-insiders.c6ac692

8 months ago

0.0.0-insiders.475db7c

6 months ago

0.0.0-insiders.954a3ac

9 months ago

0.0.0-insiders.fa95262

8 months ago

0.0.0-insiders.3501289

9 months ago

0.0.0-insiders.2b27d9f

8 months ago

0.0.0-insiders.1469b85

7 months ago

0.0.0-insiders.9b42daf

9 months ago

0.0.0-insiders.99cdf91

7 months ago

0.0.0-insiders.a6a2382

8 months ago

0.0.0-insiders.134c0fb

8 months ago

0.0.0-insiders.fd17c26

8 months ago

0.0.0-insiders.20a224a

7 months ago

0.0.0-insiders.c2bf9dd

9 months ago

0.0.0-insiders.8e93cd0

8 months ago

0.0.0-insiders.88b068c

9 months ago

0.0.0-insiders.6a88fd5

9 months ago

0.0.0-insiders.04fc6cf

10 months ago

0.0.0-insiders.76dd10e

8 months ago

0.0.0-insiders.a317866

9 months ago

0.0.0-insiders.24486b3

6 months ago

0.0.0-insiders.f016dc5

8 months ago

0.0.0-insiders.f2179f3

8 months ago

0.0.0-insiders.a9e8563

10 months ago

0.0.0-insiders.8a37854

9 months ago

0.0.0-insiders.4b0ab1e

8 months ago

0.0.0-insiders.d3c2a19

6 months ago

0.0.0-insiders.ac859fe

9 months ago

0.0.0-insiders.4f6f67c

9 months ago

0.0.0-insiders.8505d7a

9 months ago

0.0.0-insiders.6f9de89

9 months ago

0.0.0-insiders.6444e01

8 months ago

0.0.0-insiders.0f34486

8 months ago

0.0.0-insiders.e644d97

9 months ago

0.0.0-insiders.a3fa86b

9 months ago

0.0.0-insiders.685a6a8

9 months ago

0.0.0-insiders.2a64c13

8 months ago

0.0.0-insiders.1739edb

9 months ago

0.0.0-insiders.bfacb64

6 months ago

0.0.0-insiders.17b2d34

10 months ago

0.0.0-insiders.34275da

9 months ago

0.2.0

9 months ago

0.0.0-insiders.5a3d556

9 months ago

0.0.0-insiders.c92757d

8 months ago

0.0.0-insiders.5a1e2e4

8 months ago

0.0.0-insiders.11157a8

10 months ago

0.0.0-insiders.14b8c56

11 months ago

0.0.0-insiders.67f3c4d

1 year ago

0.0.0-insiders.9dff545

12 months ago

0.0.0-insiders.8adaeed

12 months ago

0.0.0-insiders.0505e92

1 year ago

0.0.0-insiders.0a9276d

11 months ago

0.0.0-insiders.c92a847

1 year ago

0.0.0-insiders.43a71cf

1 year ago

0.0.0-insiders.7c0cbbb

1 year ago

0.0.0-insiders.74c9873

1 year ago

0.0.0-insiders.8e558a7

1 year ago

0.0.0-insiders.095ec18

1 year ago

0.0.0-insiders.2063132

1 year ago

0.0.0-insiders.a607e12

1 year ago

0.0.0-insiders.159f04d

1 year ago

0.0.0-insiders.4c10294

1 year ago

0.0.0-insiders.08127dd

1 year ago

0.0.0-insiders.3536745

1 year ago

0.0.0-insiders.e814c50

1 year ago

0.0.0-insiders.7ec0652

1 year ago

0.0.0-insiders.b98e642

1 year ago

0.0.0-insiders.d0888b0

1 year ago

0.0.0-insiders.f4e9710

1 year ago

0.1.3

1 year ago

0.0.0-insiders.5cfbb4b

1 year ago

0.0.0-insiders.7ecf832

1 year ago

0.0.0-insiders.adfe121

1 year ago

0.0.0-insiders.fb612f7

1 year ago

0.0.0-insiders.2f99644

1 year ago

0.0.0-insiders.213dd52

1 year ago

0.0.0-insiders.c759016

1 year ago

0.0.0-insiders.551261a

1 year ago

0.0.0-insiders.5051fff

1 year ago

0.0.0-insiders.c7f6bc6

1 year ago

0.0.0-insiders.7794d56

1 year ago

0.0.0-insiders.0c0601f

1 year ago

0.0.0-insiders.af86b69

1 year ago

0.0.0-insiders.10efaa9

1 year ago

0.0.0-insiders.d8b263c

1 year ago

0.0.0-insiders.63fb14d

1 year ago

0.0.0-insiders.de7ddf9

1 year ago

0.0.0-insiders.619d103

1 year ago

0.0.0-insiders.b8c214e

1 year ago

0.0.0-insiders.fc908a1

1 year ago

0.0.0-insiders.0d28d58

1 year ago

0.0.0-insiders.fcfd554

1 year ago

0.0.0-insiders.d6d6c20

1 year ago

0.0.0-insiders.fc9a625

1 year ago

0.0.0-insiders.399ab4e

1 year ago

0.0.0-insiders.0ff2326

1 year ago

0.0.0-insiders.569cec7

1 year ago

0.0.0-insiders.9ecd8dd

1 year ago

0.0.0-insiders.184fe14

1 year ago

0.0.0-insiders.948ae73

1 year ago

0.0.0-insiders.276231

1 year ago

0.0.0-insiders.d55c77e

1 year ago

0.0.0-insiders.f2d9ea0

1 year ago

0.0.0-insiders.989cd6b

1 year ago

0.0.0-insiders.7e150e4

1 year ago

0.0.0-insiders.e95f664

1 year ago

0.0.0-insiders.db58664

1 year ago

0.0.0-insiders.22e388e

1 year ago

0.0.0-insiders.3a54a91

1 year ago

0.0.0-insiders.9a7dcfc

1 year ago

0.0.0-insiders.b9af614

1 year ago

0.0.0-insiders.d1ca3a9

1 year ago

0.0.0-insiders.597256b

1 year ago

0.0.0-insiders.9ef269e

1 year ago

0.0.0-insiders.865bd57

1 year ago

0.0.0-insiders.2e941f8

1 year ago

0.0.0-insiders.69b953a

1 year ago

0.0.0-insiders.d874e56

1 year ago

0.0.0-insiders.219901c

1 year ago

0.0.0-insiders.65d5ce2

1 year ago

0.0.0-insiders.404c509

1 year ago

0.0.0-insiders.a6dea8a

1 year ago

0.0.0-insiders.c0f0d43

1 year ago

0.0.0-insiders.4da0b3a

1 year ago

0.0.0-insiders.426cbf3

1 year ago

0.0.0-insiders.724ee37

1 year ago

0.0.0-insiders.98b0817

1 year ago

0.0.0-insiders.f0dd25f

1 year ago

0.0.0-insiders.a4c7cab

1 year ago

0.0.0-insiders.3cb8079

1 year ago

0.0.0-insiders.962528c

1 year ago

0.0.0-insiders.2f0dc8c

1 year ago

0.0.0-insiders.aac78d5

1 year ago

0.0.0-insiders.8e1e19f

1 year ago

0.0.0-insiders.6f205f0

1 year ago

0.0.0-insiders.dbcfb23

1 year ago

0.0.0-insiders.e2294f5

1 year ago

0.0.0-insiders.208c6fd

1 year ago

0.0.0-insiders.e8b7b7f

1 year ago

0.0.0-insiders.7509124

1 year ago

0.0.0-insiders.2f13496

1 year ago

0.0.0-insiders.1d94d15

1 year ago

0.1.2

1 year ago

0.0.0-insiders.46754e6

1 year ago

0.0.0-insiders.5ef5cf9

1 year ago

0.0.0-insiders.c687c2e

1 year ago

0.0.0-insiders.5f56189

1 year ago

0.0.0-insiders.5e480e1

1 year ago

0.0.0-insiders.79818fc

1 year ago

0.0.0-insiders.6fa6074

1 year ago

0.0.0-insiders.ef3e154

1 year ago

0.0.0-insiders.676de16

1 year ago

0.0.0-insiders.a7ab8bd

1 year ago

0.0.0-insiders.1f2de63

1 year ago

0.0.0-insiders.08c0837

1 year ago

0.0.0-insiders.d31bb5c

1 year ago

0.0.0-insiders.8b4363d

1 year ago

0.0.0-insiders.fdccf07

2 years ago

0.0.0-insiders.dce2a1a

1 year ago

0.0.0-insiders.ab78fbd

2 years ago

0.0.0-insiders.f424aa2

1 year ago

0.0.0-insiders.9e9c08c

2 years ago

0.0.0-insiders.af68a34

2 years ago

0.0.0-insiders.f66f492

2 years ago

0.0.0-insiders.17de0a2

2 years ago

0.0.0-insiders.83a5f45

2 years ago

0.0.0-insiders.74e7b43

1 year ago

0.0.0-insiders.0e147a0

2 years ago

0.0.0-insiders.920365c

2 years ago

0.0.0-insiders.b032679

2 years ago

0.0.0-insiders.060f37b

2 years ago

0.0.0-insiders.1fd8cfc

2 years ago

0.0.0-insiders.dd2feef

2 years ago

0.0.0-insiders.b296b73

2 years ago

0.0.0-insiders.25a4e7f

2 years ago

0.1.1

2 years ago

0.0.0-insiders.5165be5

2 years ago

0.0.0-insiders.0c0a15a

2 years ago

0.0.0-insiders.a98e55c

2 years ago

0.0.0-insiders.4878092

2 years ago

0.0.0-insiders.6cddc0f

2 years ago

0.0.0-insiders.1a145fd

2 years ago

0.0.0-insiders.397ba5c

2 years ago

0.0.0-insiders.3db54db

2 years ago

0.0.0-insiders.e7cfb05

2 years ago

0.0.0-insiders.d2a0bdb

2 years ago

0.0.0-insiders.5667e84

2 years ago

0.0.0-insiders.dd8cfb4

2 years ago

0.0.0-insiders.46a7ab6

2 years ago

0.0.0-insiders.10f932a

2 years ago

0.0.0-insiders.df5b6a2

2 years ago

0.0.0-insiders.0954ec5

2 years ago

0.0.0-insiders.e926d69

2 years ago

0.0.0-insiders.ed4d80e

2 years ago

0.0.0-insiders.b301f04

2 years ago

0.0.0-insiders.e1f3ef8

2 years ago

0.0.0-insiders.f2fc6d8

2 years ago

0.0.0-insiders.122eed7

2 years ago

0.0.0-insiders.cbb4f19

2 years ago

0.0.0-insiders.65bbacd

2 years ago

0.0.0-insiders.f2c2d3c

2 years ago

0.0.0-insiders.7a6220a

2 years ago

0.0.0-insiders.90aa478

2 years ago

0.0.0-insiders.a294fdb

2 years ago

0.0.0-insiders.b2c4023

2 years ago

0.0.0-insiders.6253aa5

2 years ago

0.0.0-insiders.d8d852e

2 years ago

0.0.0-insiders.ec84c72

2 years ago

0.0.0-insiders.0e1599b

2 years ago

0.0.0-insiders.fa10cb0

2 years ago

0.0.0-insiders.42db5b0

2 years ago

0.0.0-insiders.db736d8

2 years ago

0.0.0-insiders.1831832

2 years ago

0.0.0-insiders.255fc36

2 years ago

0.0.0-insiders.bc0b64a

2 years ago

0.0.0-insiders.6ecd448

2 years ago

0.0.0-insiders.cf78d97

2 years ago

0.0.0-insiders.f1daa1e

2 years ago

0.0.0-insiders.fc7def3

2 years ago

0.0.0-insiders.6119cc2

2 years ago

0.0.0-insiders.b28d177

2 years ago

0.0.0-insiders.486ac80

2 years ago

0.0.0-insiders.0260afa

2 years ago

0.0.0-insiders.5af3bd4

2 years ago

0.0.0-insiders.63417d5

2 years ago

0.0.0-insiders.5bfa3da

2 years ago

0.0.0-insiders.6598db5

2 years ago

0.0.0-insiders.8c7d5ce

2 years ago

0.0.0-insiders.4c433cd

2 years ago

0.0.0-insiders.4d88dd9

2 years ago

0.0.0-insiders.6d13e79

2 years ago

0.0.0-insiders.ea5f21a

2 years ago

0.0.0-insiders.aa0056f

2 years ago

0.0.0-insiders.f2a813e

2 years ago

0.0.0-insiders.bdd1b3b

2 years ago

0.0.0-insiders.4e13a0e

2 years ago

0.0.0-insiders.1d53ac3

2 years ago

0.0.0-insiders.6551079

2 years ago

0.0.0-insiders.912af7e

2 years ago

0.0.0-insiders.d19f797

2 years ago

0.0.0-insiders.ce12406

2 years ago

0.0.0-insiders.d3ed3f5

2 years ago

0.0.0-insiders.21bdf52

2 years ago

0.0.0-insiders.a7154dc

2 years ago

0.0.0-insiders.eefc03c

2 years ago

0.0.0-insiders.08b419e

2 years ago

0.0.0-insiders.3c32369

2 years ago

0.0.0-insiders.deb4b1b

2 years ago

0.1.0

2 years ago

0.0.0-insiders.df481f3

2 years ago

0.0.0-insiders.0a81444

2 years ago

0.0.0-insiders.39c5bd3

2 years ago