diff --git a/packages/@headlessui-tailwindcss/README.md b/packages/@headlessui-tailwindcss/README.md index c3b4584..3f7c46c 100644 --- a/packages/@headlessui-tailwindcss/README.md +++ b/packages/@headlessui-tailwindcss/README.md @@ -39,13 +39,14 @@ module.exports = { Use Tailwind CSS utilities for styling the components based on their state. You can use the following variants: -| Variant | Inverse variant | -| ------------- | ----------------- | -| `ui-open` | `ui-not-open` | -| `ui-checked` | `ui-not-checked` | -| `ui-selected` | `ui-not-selected` | -| `ui-active` | `ui-not-active` | -| `ui-disabled` | `ui-not-disabled` | +| Variant | Inverse variant | +| ------------------ | ---------------------- | +| `ui-open` | `ui-not-open` | +| `ui-checked` | `ui-not-checked` | +| `ui-selected` | `ui-not-selected` | +| `ui-active` | `ui-not-active` | +| `ui-disabled` | `ui-not-disabled` | +| `ui-focus-visible` | `ui-not-focus-visible` | Example: