Skip to content
This repository was archived by the owner on Mar 18, 2025. It is now read-only.

Commit 7c0ced0

Browse files
committed
Update docs
1 parent 675f1f4 commit 7c0ced0

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

docs/components/password.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,21 @@ By default, the component shows a toggle icon, which allows the user to show and
1313

1414
- AlpineJS
1515
- Blade Heroicons (different icons can be specified in the config file)
16+
- Proper tailwind configuration
17+
18+
As of version 1.4.10, you will need to specify a `focus-within` utility for the `box-shadow` styles so that focus can be properly shown
19+
on the password inputs that are toggleable. In your `tailwind.config.js` file, you should add the following variant to it:
20+
21+
```js
22+
module.exports = {
23+
// ...
24+
variants: {
25+
boxShadow: ['responsive', 'hover', 'focus', 'focus-within'],
26+
},
27+
}
28+
```
29+
30+
See the [Tailwind documentation](https://tailwindcss.com/docs/pseudo-class-variants#focus-within) for more information.
1631

1732
## Basic Usage
1833

0 commit comments

Comments
 (0)