Skip to content

Commit d249608

Browse files
committed
appearance
1 parent 4a45a8b commit d249608

File tree

1 file changed

+34
-0
lines changed

1 file changed

+34
-0
lines changed

docs/source/docs/forms.blade.md

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,3 +37,37 @@ Form controls are great candidates for component classes, but just for fun, here
3737
</div>
3838
</div>
3939
@endcomponent
40+
41+
## Customizing
42+
43+
### Responsive, Hover, and Focus Variants
44+
45+
By default, no hover, focus, or group-hover variants are generated for form control appearance utilities.
46+
47+
You can control which variants are generated for form control appearance utilities by modifying the `appearance` property in the `modules` section of your Tailwind config file.
48+
49+
For example, this config will _also_ generate hover and focus variants:
50+
51+
```js
52+
{
53+
// ...
54+
modules: {
55+
// ...
56+
appearance: ['responsive', 'hover', 'focus'],
57+
}
58+
}
59+
```
60+
61+
### Disabling
62+
63+
If you aren't using the form control appearance utilities in your project, you can disable them entirely by setting the `appearance` property to `false` in the `modules` section of your config file:
64+
65+
```js
66+
{
67+
// ...
68+
modules: {
69+
// ...
70+
appearance: false,
71+
}
72+
}
73+
```

0 commit comments

Comments
 (0)